/********************************************/
/* Main CSS Stylesheet File (by Kasia)      */
/********************************************/
/* - contact me before making major changes */
/* - comment the added section of the code 	*/
/* - some redundancy is intended!           */
/********************************************/
/* helpful data:		    				*/
/* - main darkgreen color: 	009900			*/
/* - main yellow color: 	FFF974			*/
/* - main font: 			Verdana, 11px	*/
/********************************************/

/*** overriding default ***/
html, body { height: 100%; }
body, form {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
a { color: #000000; }
.invisible_iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/*** display for screen ***/
.no-print { }

/*** main text ***/
.main-txt { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
.small-txt {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}
.small-txt-link {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}
.section_title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.oct {
	color: #006600;
	font-weight: bold;
}

/*** main menu strip ***/
.main_menu_strip { 
	background-color: #FFF974; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 25px;
	line-height: 25px;
	margin-bottom: 2px;
}
.main_menu_strip div { height: 25px; line-height: 25px; }
.main_menu_strip div a { text-decoration: none; }
.main_menu_strip div a:hover { text-decoration: underline; }

/*** player greeting ***/
.greeting {
	text-align: right;
	line-height: 25px;
}

/*** page footer strip ***/
.footer_strip {
	background-color: #CEFFB5;
	text-align: center;
	line-height: 25px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.footer_strip a { text-decoration: none; }
.footer_strip a:hover { text-decoration: underline; }

/*** main page login box ***/
.login_border {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	border-color: #96dc72;
	border-style: solid;
	border-width: 1px;
}
.login {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	border-color: #96dc72;
	border-style: solid;
	border-width: 1px;
	background-image: url(header/login.jpg);
	background-repeat: repeat-x;
}

/*** form elements ***/
textarea, input, button, select, submit  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

/*** bordered tables ***/
.thin_table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	padding: 0px;
}
.thin_table td { border: 1px solid #CCCCCC; }
.thin_table_even { background-color: #F9F9F9; }
.thin_table_odd { background-color: #FFFFFF; }
.table_header { font-weight: bold; background-color: #CCCCCC; }

/*** admin bordered tables ***/
.admin_table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	color: black;
}
.admin_table td, .admin_table th  { border: 1px solid #CCCCCC; }
.admin_table_even { background-color: #F9F9F9; }
.admin_table_odd { background-color: #FFFFFF; }

/*** highlighting (Schedule) ***/
.highlight { background-color: #C0C0C0; }

/*** hiding from screen view ***/
.printer-only { display: none; }

.directions {
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}

/*** buttons ***/
.white-bt { 
	border: 1px solid #96DC72; 
	background-color: #E4F6DB;
	color: #006600;
	padding: 4px; 
	cursor: pointer;
}
.white-bt:hover { background-color: #F1F6DA; border-color: #C9DB70; }

.red-bt {
	background-color: red;
	color: yellow;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
.small-white-bt {
	background-color: #F9F9F9;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}
.blue-bt {
	background-color: #b7defe; 
	border: 1px solid #91ccfe; 
	padding: 4px; 
	cursor: pointer;
}
.step {
	font-size: 15px;
	background-color: #ffe;
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 5px;
}
/*** tabs - menu and static headers ***/
.tab, .tab_inactive {
	text-transform: capitalize;
	text-decoration: none;
 	font-size: 11px;
 	font-family: Verdana, Arial, sans-serif;
}
.tab_inactive a  { text-decoration: none; color: #000000; }
.tab_inactive a:hover { text-decoration: none; color: #009900; }
.tab_header {
	padding-left: 10px;
	text-transform: capitalize;
 	font-size: 11px;
 	font-family: Verdana, Arial, sans-serif;
	background-image: url(tabs/tab.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 25px;
}
.tab_contents, .tab_contents_no_grad {
	border-style: solid;
	border-color: #96dc72;
	border-width: 1px;
	border-top: 1px solid #d2f0c2;
	/*font-size: 11px;
 	font-family: verdana, arial, sans-serif;*/
 	padding: 8px;
 	/*line-height: 1.5;*/
}
.tab_contents {
	padding-top: 12px;
	/*background-image: url(tabs/strip.gif);
	background-repeat: repeat-x;*/
}

.tab_dashboard {
	border-style: solid;
	border-color: #96dc72;
	border-width: 1px;
	border-top: 0;
	font-size: 11px;
 	font-family: verdana, arial, sans-serif;
 	padding: 8px;
 	line-height: 1.5;
	padding-top: 12px;
	background-color: #d2f0c2;
}

/*** warning or error messages - red bold centered ***/
.warning {
	color: #990000;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
}

/*** success messages - green bold centered ***/
.message {
	color: #009900;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
}


/*** small hint ***/
.small_hint {
	color: #999999;
	font-size: 9px;
}

/*** more info on user account ***/
.more_info {
	text-decoration: underline;
	cursor: pointer;
}
/*** quote of the day section ***/
.quote {
	line-height: 1.3;
	padding: 10px;
	font-style: italic;
	font-family: times;
	font-size: 14px;
	background-image: url(header/login.jpg);
	background-repeat: repeat-x;
	border: 1px solid #96dc72;
	/*color: #C0C0C0;*/
}

.partner_name {
	font-size: 20px;
}

/* for Google Maps */
.tooltip {
	background-color: #ffffff;
    border: 1px #666 solid;
    width: 140px;
    padding: 3px;
    text-align: center;
}


/* for showBox function */
div.box {
	background: url(boxes2/corners_top_left.gif) top left no-repeat;
	width: 350px;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
}

div.box h2 {
	z-index: 150;
	background: url(boxes2/corners_top_right.gif) top right no-repeat;
	font-size: 13px;
	padding-top: 7px;
	padding-left: 10px;
	margin: 0;
	border-bottom: 1px dotted #e5cd95;
	/* cursor: move; commented out */
	width: 340px;
	height: 24px;
}
  
div.box h2 img {
	z-index: 50;
	vertical-align: middle;
}

div.box_body {
	z-index: 50;
	line-height: 1.5;
	background: url(boxes2/corners_right_border.gif) top right repeat-y;
	margin: 0;
	margin-top: -2em;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 0px;
}

div.box_footer {
	z-index: 50;
	background: url(boxes2/corners_bottom_left.gif) bottom left no-repeat;
}

div.box_footer p {
	z-index: 50;
	background: url(boxes2/corners_bottom_right.gif) bottom right no-repeat;
	display: block;
	padding: 0px;
	padding-top: 3px;
	margin: 0px;
}


/* for drag and drop */
.drag {
	z-index: 120;
	position: absolute;
	opacity: .50;
	filter: alpha(opacity=50);
}

/* For autocompletion list*/
.autocomplete {
		margin: 0;
		padding: 0;
		position: absolute; 
		background-color: #fff;
		width: 200px;
		border: 1px solid #ccc;
		cursor: pointer;
		z-index : 101;	
}

.autocomplete li { 
	list-style: none; 
	z-index : 100;	
}
.autocomplete li:hover, .autocomplete .selected { background-color: #dedede; }