
/**
 * GLOBAL
 * 
 */

* {
	padding: 0;
	margin: 0;
}

body {
	background: url(../images/background.jpg) repeat;
	font-family: Verdana;
}

a > img {
	border: none;
}

/**
 * FORM
 * 
 */

form ul {
	list-style: none;
}

form ul li {

}

form ul li.label {
	clear: both;
	padding: 17px 0 10px 0;
}

form ul li.label:first-child {
	padding-top: 0;
}

form ul li.label label {
	font: normal 10px Verdana;
	color: #738F01;
}

form ul li.field {

}

form ul li.field span.require {
	font: normal 10px Verdana;
	color: #999;
	padding: 0 0 0 3px;
}

form ul li.field * {
	float: left;
}

form ul li.submit {
	clear: both;
	padding: 17px 8px 0 0;
}

form ul li.submit > * {
	float: right;
	margin-left: 5px;
}

form input[type="text"] {
	border: 1px solid #C7DC7D;
	padding: 3px 2px 0 2px;
	height: 19px;
	width: 210px;
}

form input[type="password"] {
	border: 1px solid #C7DC7D;
	padding: 3px 2px 0 2px;
	height: 19px;
	width: 210px;
}

/**
 * PUBLICITY
 * 
 */

div.publicity {
	/*background-color: #fff;
	background-position: 11px 10px;
	background-repeat: no-repeat;
	border: 1px solid #D8E6A0;*/		
}

/**
 * BLUE MESSAGE
 * 
 */

div.blueMessage {
	background: #3EB3E5;
	border-top: 1px dotted #167DA9;
	border-bottom: 1px dotted #167DA9;
	text-align: center;
	color: #fff;
	width: 89%;
	padding-left: 3%;
	padding-right: 3%;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font: normal 11px Verdana;
}

div.lightGreenMessage { 
	background: #D0DAA9;
	border: none;
	border-top: 1px dotted #556A03;
	border-bottom: 1px dotted #556A03;
	text-align: center;
	color: #546901;	
	padding: 10px 0 10px 0;
	font: normal 11px Verdana;
	height: auto;
	overflow: auto;
}

/**
 * SEPARATOR
 * 
 */

span.separator { 
	display: inline-block;
	position: relative;
	bottom: 2px;
	color: #CDFE07;
	margin-left: 6px;
	margin-right: 6px;
	font: bold 12px Arial;
}

/**
 * BLUE BUTTON
 * 
 */

div.blueButton {
	height: 34px;
}

div.blueButton > * {
	display: inline-block;
	float: left;
	height: 100%;
}

div.blueButton > div.left {
	width: 13px;
	background: url(../images/blueButtonLeft.png);
}

div.blueButton > div.center {
	text-align: center;
	height: 24px;
	padding: 10px 3px 0 3px;
	background: url(../images/blueButtonCenter.png);	
}

div.blueButton > div.right {
	width: 14px;	
	background: url(../images/blueButtonRight.png);
}

div.blueButton > div.center > input {
	float: left;
	border: none;
	background: none;
	width: 50px;
	text-transform: uppercase;
	font: bold 10px Verdana;
	color: #fff;
	cursor: pointer;
}

/**
 * ROUNDED CORNERS INPUT
 * 
 */

div.roundedCornersInput {
	background: #F0F5D9;
	width: 230px;
	height: 28px;
	border-left: 1px solid #D7E6A0; 
	border-right: 1px solid #D7E6A0;	
}

div.roundedCornersInput > div.topBorder {
	width: 100%;
	height:100%;
	background: url(../images/inputTopBorder.jpg) top repeat-x;
}

div.roundedCornersInput > div.topBorder > div.bottomBorder {
	width: 100%;
	height:100%;
	background: url(../images/inputBottomBorder.jpg) bottom repeat-x;
}

div.roundedCornersInput > div.topBorder > div.bottomBorder > div.topLeftCorner {
	width: 100%;
	height:100%;
	background: url(../images/inputTopLeftCorner.jpg) top left no-repeat;
	position: relative;
	top: 0;
	left: -1px;
}

div.roundedCornersInput > div.topBorder > div.bottomBorder > div.topLeftCorner > div.topRightCorner {
	width: 100%;
	height:100%;
	background: url(../images/inputTopRightCorner.jpg) top right no-repeat;
	position: relative;
	top: 0;
	right: -2px;	
}

div.roundedCornersInput > div.topBorder > div.bottomBorder > div.topLeftCorner > div.topRightCorner > div.bottomLeftCorner {
	width: 100%;
	height:100%;
	background: url(../images/inputBottomLeftCorner.jpg) bottom left no-repeat;
	position: relative;
	top: 0;
	left: -2px;	
}

div.roundedCornersInput > div.topBorder > div.bottomBorder > div.topLeftCorner > div.topRightCorner > div.bottomLeftCorner > div.bottomRightCorner {
	width: 100%;
	height:100%;
	background: url(../images/inputBottomRightCorner.jpg) bottom right no-repeat;
	position: relative;
	top: 0;
	right: -2px;	
}

div.roundedCornersInput > div.topBorder > div.bottomBorder > div.topLeftCorner > div.topRightCorner > div.bottomLeftCorner > div.bottomRightCorner > div.holder {
	position: relative;
	top: 0;
	left: -1px;
	width: 214px;
	padding: 4px 8px 0 8px;
}

div.roundedCornersInput > div.topBorder > div.bottomBorder > div.topLeftCorner > div.topRightCorner > div.bottomLeftCorner > div.bottomRightCorner > div.holder > input {
	position: relative;
	top: 0;
	left: -2px;
	width: 100%;
	border: none;
	background: none;
	height: auto;
}

/**
 * LIGHT GREEN BUTTON
 * 
 */

div.lightGreenButton {
	height: 20px;
}

div.lightGreenButton > div {
	height: 20px;
}

div.lightGreenButton > div.left {
	float: left;
	width: 5px;
	background: url(../images/lightGreenButtonLeft.png);
}

div.lightGreenButton > div.center {
	float: left;
	text-align: center;
	padding: 0 5px 0 5px;
	height: 18px;
	width: 60px;	
	background: #F7FAEC;
	border-top: 1px solid #C7DC7E;
	border-bottom: 1px solid #C7DC7E;
}

div.lightGreenButton > div.center > * {
	border: none;
	background: none;
	font: normal 10px Verdana;
	color: #738F01;
	float: left;
	width: 100%;
	height: 16px;		
	line-height: 18px;
	text-align: center;	
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

div.lightGreenButton > div.right {
	float: left;
	width: 5px;
	background: url(../images/lightGreenButtonRight.png);
}

/**
 * DARK GREEN BUTTON
 * 
 */

div.darkGreenButton {
	height: 20px;
}

div.darkGreenButton > div {
	height: 20px;
}

div.darkGreenButton > div.left {
	float: left;
	width: 5px;
	background: url(../images/darkGreenButtonLeft.png);
}

div.darkGreenButton > div.center {
	float: left;
	padding: 0 5px 0 5px;
	width: 60px;	
	height: 18px;
	background: #D0DAA9;
	border-top: 1px solid #556A04;
	border-bottom: 1px solid #556A04;
}

div.darkGreenButton > div.center > * {
	border: none;
	background: none;
	font: normal 10px Verdana;
	color: #546901;
	float: left;
	width: 100%;
	height: 16px;		
	line-height: 18px;
	text-align: center;	
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

div.darkGreenButton > div.right {
	float: left;
	width: 5px;
	background: url(../images/darkGreenButtonRight.png);
}

/**
 * BORDER LIGHT GREEN BOX
 * 
 */

table.borderLightGreenBox {
	*border-collapse: collapse; /* IE 7 Hack */
}

table.borderLightGreenBox > tbody > tr.top > td {
	height: 7px;
}

table.borderLightGreenBox > tbody > tr.top > td.left {
	width: 6px;
	background: url(../images/borderLightGreenBoxTopLeftCorner.png);
}

table.borderLightGreenBox > tbody > tr.top > td.center {
	background: url(../images/borderLightGreenBoxTopBorder.png);
}

table.borderLightGreenBox > tbody > tr.top > td.right {
	width: 6px;
	background: url(../images/borderLightGreenBoxTopRightCorner.png);
}

table.borderLightGreenBox > tbody > tr.middle > td {
	
}

table.borderLightGreenBox > tbody > tr.middle > td.left {
	width: 5px;
	border-left: 1px solid #DAE8AB;	
	background: #F0F5D9;
}

table.borderLightGreenBox > tbody > tr.middle > td.center {
	background: #F0F5D9;
}

table.borderLightGreenBox > tbody > tr.middle > td.right {
	width: 5px;
	border-right: 1px solid #DAE8AB;
	background: #F0F5D9;	
}

table.borderLightGreenBox > tbody > tr.bottom > td {
	height: 7px;
}

table.borderLightGreenBox > tbody > tr.bottom > td.left {
	width: 6px;
	background: url(../images/borderLightGreenBoxBottomLeftCorner.png);
}

table.borderLightGreenBox > tbody > tr.bottom > td.center {
	background: url(../images/borderLightGreenBoxBottomBorder.png);
}

table.borderLightGreenBox > tbody > tr.bottom > td.right {
	width: 6px;
	background: url(../images/borderLightGreenBoxBottomRightCorner.png);
}

/**
 * BORDER GREEN BOX
 * 
 */

table.borderGreenBox {
	*border-collapse: collapse; /* IE 7 Hack */
}

table.borderGreenBox > tbody > tr.top > td {
	height: 7px;
}

table.borderGreenBox > tbody > tr.top > td.left {
	width: 6px;
	background: url(../images/borderGreenBoxTopLeftCorner.png);
}

table.borderGreenBox > tbody > tr.top > td.center {
	background: url(../images/borderGreenBoxTopBorder.png);
}

table.borderGreenBox > tbody > tr.top > td.right {
	width: 6px;
	background: url(../images/borderGreenBoxTopRightCorner.png);
}

table.borderGreenBox > tbody > tr.middle > td {
	
}

table.borderGreenBox > tbody > tr.middle > td.left {
	width: 5px;
	border-left: 1px solid #9BC00A;
	background: #D6E59E;
}

table.borderGreenBox > tbody > tr.middle > td.center {
	background: #D6E59E;
}

table.borderGreenBox > tbody > tr.middle > td.right {
	width: 5px;
	border-right: 1px solid #9BC00A;
	background: #D6E59E;	
}

table.borderGreenBox > tbody > tr.bottom > td {
	height: 7px;
}

table.borderGreenBox > tbody > tr.bottom > td.left {
	width: 6px;
	background: url(../images/borderGreenBoxBottomLeftCorner.png);
}

table.borderGreenBox > tbody > tr.bottom > td.center {
	background: url(../images/borderGreenBoxBottomBorder.png);
}

table.borderGreenBox > tbody > tr.bottom > td.right {
	width: 6px;
	background: url(../images/borderGreenBoxBottomRightCorner.png);
}

/**
 * LIGHT GREEN BOX
 * 
 */

table.lightGreenBox > tbody > tr > td.left {
	width: 11px;
}

table.lightGreenBox > tbody > tr > td.right {
	width: 11px;
}

table.lightGreenBox > tbody > tr.top > td {
	height: 11px;
	line-height: 0; /* IE 7 Hack */
}

table.lightGreenBox > tbody > tr.top > td.left {
	background: url(../images/lightGreenBoxTopLeftCorner.png) no-repeat;
}

table.lightGreenBox > tbody > tr.top > td.center {
	background: #F0F5D9;	
}

table.lightGreenBox > tbody > tr.top > td.right {
	background: url(../images/lightGreenBoxTopRightCorner.png) no-repeat;	
}

table.lightGreenBox > tbody > tr.middle > td.left {
	background: #F0F5D9;	
}

table.lightGreenBox > tbody > tr.middle > td.center {
	background: #F0F5D9;
}

table.lightGreenBox > tbody > tr.middle > td.right {
	background: #F0F5D9;	
}

table.lightGreenBox > tbody > tr.bottom > td {
	height: 11px;
	line-height: 0; /* IE 7 Hack */
}

table.lightGreenBox > tbody > tr.bottom > td.left {
	background: url(../images/lightGreenBoxBottomLeftCorner.png) no-repeat;		
}

table.lightGreenBox > tbody > tr.bottom > td.center {
	background: #F0F5D9;
}

table.lightGreenBox > tbody > tr.bottom > td.right {
	background: url(../images/lightGreenBoxBottomRightCorner.png) no-repeat;		
}	

/**
 * 	BORDER WHITE BOX
 * 
 */

div.borderWhiteBox {
	background: #fff;
}

div.borderWhiteBox > div.topBorder {
	width: 100%;
	height: 100%;
	background: url(../images/borderWhiteBoxTopBorder.jpg) top repeat-x;
}

div.borderWhiteBox > div.topBorder > div.bottomBorder {
	width: 100%;
	height: 100%;	
	background: url(../images/borderWhiteBoxBottomBorder.jpg) bottom repeat-x;
}

div.borderWhiteBox > div.topBorder > div.bottomBorder > div.leftBorder {
	width: 100%;
	height: 100%;	
	background: url(../images/borderWhiteBoxLeftBorder.jpg) left repeat-y;
}

div.borderWhiteBox > div.topBorder > div.bottomBorder > div.leftBorder > div.rightBorder {
	width: 100%;
	height: 100%;	
	background: url(../images/borderWhiteBoxRightBorder.jpg) right repeat-y;	
}

div.borderWhiteBox > div.topBorder > div.bottomBorder > div.leftBorder > div.rightBorder > div.topLeftCorner {
	width: 100%;
	height: 100%;	
	background: url(../images/borderWhiteBoxTopLeftCorner.jpg) top left no-repeat;
}

div.borderWhiteBox > div.topBorder > div.bottomBorder > div.leftBorder > div.rightBorder > div.topLeftCorner > div.topRightCorner {
	width: 100%;
	height: 100%;	
	background: url(../images/borderWhiteBoxTopRightCorner.jpg) top right no-repeat;
}

div.borderWhiteBox > div.topBorder > div.bottomBorder > div.leftBorder > div.rightBorder > div.topLeftCorner > div.topRightCorner > div.bottomLeftCorner {
	width: 100%;
	height: 100%;	
	background: url(../images/borderWhiteBoxBottomLeftCorner.jpg) bottom left no-repeat;
}

div.borderWhiteBox > div.topBorder > div.bottomBorder > div.leftBorder > div.rightBorder > div.topLeftCorner > div.topRightCorner > div.bottomLeftCorner > div.bottomRightCorner {
	width: 100%;
	height: 100%;	
	background: url(../images/borderWhiteBoxBottomRightCorner.jpg) bottom right no-repeat;
}

div.borderWhiteBox > div.topBorder > div.bottomBorder > div.leftBorder > div.rightBorder > div.topLeftCorner > div.topRightCorner > div.bottomLeftCorner > div.bottomRightCorner > div.holder {
	width: 100%;
	height: 100%;
}

/**
 * WHITE BOX
 * 
 */

table.whiteBox > tbody > tr > td.left {
	width: 11px;
}

table.whiteBox > tbody > tr > td.right {
	width: 11px;
}

table.whiteBox > tbody > tr.top > td {
	height: 11px;
	line-height: 0; /* IE 7 Hack */
}

table.whiteBox > tbody > tr.top > td.left {
	background: url(../images/whiteBoxTopLeftCorner.png) no-repeat;
}

table.whiteBox > tbody > tr.top > td.center {
	background: #fff;	
}

table.whiteBox > tbody > tr.top > td.right {
	background: url(../images/whiteBoxTopRightCorner.png) no-repeat;	
}

table.whiteBox > tbody > tr.middle > td.left {
	background: #fff;	
}

table.whiteBox > tbody > tr.middle > td.center {
	background: #fff;
}

table.whiteBox > tbody > tr.middle > td.right {
	background: #fff;	
}

table.whiteBox > tbody > tr.bottom > td {
	height: 11px;
	line-height: 0; /* IE 7 Hack */
}

table.whiteBox > tbody > tr.bottom > td.left {
	background: url(../images/whiteBoxBottomLeftCorner.png) no-repeat;		
}

table.whiteBox > tbody > tr.bottom > td.center {
	background: #fff;
}

table.whiteBox > tbody > tr.bottom > td.right {
	background: url(../images/whiteBoxBottomRightCorner.png) no-repeat;		
}

/**
 * TOP BLUE BAR
 * 
 */

table.topBlueBar {
	border-collapse: collapse;
}

table.topBlueBar > tbody > tr > td {
	height: 34px;
}

table.topBlueBar > tbody > tr > td.left {
	width: 12px;
	background: url(../images/topBarLeft.png);
}

table.topBlueBar > tbody > tr > td.center {
	font: bold 11px Verdana;
	color: #fff;
	background: url(../images/topBarCenter.jpg) repeat-x;		
}

table.topBlueBar > tbody > tr > td.right {
	width: 13px;
	background: url(../images/topBarRight.png);	
}

/**
 * BOTTOM BLUE BAR
 * 
 */

table.bottomBlueBar {
	border-collapse: collapse;
}

table.bottomBlueBar > tbody > tr > td {
	height: 34px;
}

table.bottomBlueBar > tbody > tr > td.left {
	width: 12px;
	background: url(../images/bottomBarLeft.png);
}

table.bottomBlueBar > tbody > tr > td.center {
	font: bold 11px Verdana;
	color: #fff;
	background: url(../images/bottomBarCenter.jpg) repeat-x;		
}

table.bottomBlueBar > tbody > tr > td.right {
	width: 13px;
	background: url(../images/bottomBarRight.png);	
}

/**
 * RIGHT COLUMN BOX
 * 
 */

div.rightColumnBox {
	width: 100%;
	padding-top: 30px;
}

div.rightColumnBox table.whiteBox {
	width: 100%;
}

div.rightColumnBox table.whiteBox table.borderLightGreenBox {
	width: 100%;
}

/**
 * TAB BOX
 * 
 */

div.tabBox {
	width: 100%;
}

div.tabBox > * {
	width: 100%;	
}

div.tabBox > div.topBarWrapper {
	float:right;
	width:350px;
}

div.tabBox > div.topBarWrapper > table.topBlueBar {
	width: 100%px;
	float: right;
	margin-right: 18px;
}

div.tabBox > div.topBarWrapper > table.topBlueBar span.separator {
	margin-left: 1px;
	margin-right: 1px;
}

div.tabBox > div.topBarWrapper > table.topBlueBar a {
	color: #fff;
	text-decoration: none;
}

div.tabBox > div.topBarWrapper > table.topBlueBar a:hover {
	color: #333;
	text-decoration: underline;
}

div.tabBox > table.whiteBox {
	float: left;
}

div.tabBox > table.whiteBox table.title {
	width: 100%;
	color: #84A501;
	font: bold 18px Verdana;
	text-align: center;
	margin-bottom: 8px;
}

div.tabBox > table.bottomBarWrapper {
	float: left;
	width: 100%;
}

div.tabBox > table.bottomBarWrapper > tbody > tr > td.left {
	width: 18px;
}

div.tabBox > table.bottomBarWrapper > tbody > tr > td.right {
	width: 18px;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar {
	width: 100%;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar a {
	text-decoration: none;	
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table {
	width: 100%;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td { 
	height: 31px;
	padding-bottom: 3px;
	font: bold 11px Verdana;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.previous {
	width: 20px;
	text-align: left;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.previous a {
	color: #CDFE07;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.next {
	width: 20px;
	text-align: right;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.next a {
	color: #CDFE07;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.navigation {
	text-align: center;	
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.navigation div.pages {
	display: inline;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.navigation div.pages a {
	color: #fff;
	margin: 0 5px 0 5px;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.navigation div.pages a.current {
	color: #333;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.navigation div.pages a:hover {
	color: #333;
	text-decoration: underline;
}

div.tabBox > table.bottomBarWrapper table.bottomBlueBar table td.navigation div.pages span {
	color: #CDFE07;
}