/********************************************/
/* Main CSS Stylesheet File (by Kathy)      */
/********************************************/
/* - 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	*/
/********************************************/

html, body { height: 100%; }
body {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	font: 0.8125em/1 Tahoma, sans-serif;
	color: #333333;
	background-color: #FBFAF4;
}
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 {}

/*** shadows and main container ***/
#left-shadow {
	background: url(header/shadow-left.gif) repeat-y;
	width: 1032px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0 0 0 8px;
}
#right-shadow {
	background: url(header/shadow-right.gif) right repeat-y;
	padding: 0 8px 0 0;
}

#content {
	/*background-color: #FFFFFF;*/
	line-height: 1.6em;
	padding: 0.3em;
}

/*** main text ***/
.small-txt {
	color: #000000;
}
.small-txt-link {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}
.section_title {
	font-weight: bold;
}
.oct {
	color: #006600;
	font-weight: bold;
}

/*** main menu strip ***/
#main_menu_strip {
	margin: 0;
	padding: 0.01em;
	background-color: /*#85d55c;*/ #fffcc3;
	height: 3em;
}

#main_menu_strip ul { list-style: none; padding: 0; }
#main_menu_strip li { display: inline; }

#main_menu_strip li a, #main_menu_strip li a.first {
	border: 0.1em solid #d3d023;
	background: #fff974 url(header/menu-bg.gif) repeat-x top left;
	text-decoration: none;
	padding: 0.8em;
}

#main_menu_strip li a { border-left: 0; }
#main_menu_strip li a:hover { background: #fffcc3; }

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

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

/*** main page login box ***/
.login_border, .login { border: 1px solid #96dc72; }
.login { background: #FFFFFF url(header/login.jpg) repeat-x; }

/*** bordered tables ***/
.thin_table {
	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 {
	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;
	text-decoration: underline;
}

/*** buttons ***/
.white-bt { 
	border: 1px solid #96DC72; 
	background: url(button.gif) repeat-x top left;
	padding: 0.3em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	cursor: pointer;
	font-size: 12px;
	-moz-border-radius: 0.7em;
	border-radius: 0.7em;
}

.white-btx { 
	border: 1px solid #96DC72; 
	background: url(button-red.gif) repeat-x top left;
	padding: 0.3em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	cursor: pointer;
	font-size: 12px;
	-moz-border-radius: 0.7em;
	border-radius: 0.7em;
}

.white-bt:hover { 
	background: #F1F6DA url(button-over.gif) repeat-x top left; 
	border-color: #C9DB70; 
}

.red-bt {
	background-color: red;
	color: yellow;
}
.small-white-bt {
	background-color: #F9F9F9;
}
.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;
}
.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;
	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;
 	padding: 8px;
 	background-color: #FFF;
}
.tab_contents {
	padding-top: 12px;
}

.tab_dashboard {
	border-style: solid;
	border-color: #96dc72;
	border-width: 1px;
	border-top: 0;
 	padding: 8px;
 	line-height: 1.5;
	padding-top: 12px;
	background-color: #d2f0c2;
}

/*** warning or error messages - red bold centered ***/
.warning {
	color: #990000;
	font-weight: bold;
}

/*** success messages - green bold centered ***/
.message {
	color: #009900;
	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 {
	font: italic 1.1em Georgia,serif;
	line-height: 1.7em;
	padding: 10px;
	background: #FFFFFF url(header/login.jpg) repeat-x;
	border: 1px solid #96dc72;
}

.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;
}

div.box h2 {
	z-index: 150;
	background: url(boxes2/corners_top_right.gif) top right no-repeat;
	font-size: 1em;
	padding-top: 0.5em;
	padding-left: 1em;
	margin: 0;
	border-bottom: 1px dotted #e5cd95;
	height: 2em;
}
  
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;
	margin-top: -0.5em;
	background-color: #fff;
	width: 20em;
	border: 1px solid #ccc;
	cursor: pointer;
	z-index : 101;	
	line-height: 1.5em;
}

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

/* google map and list */
#mapDiv {
	float: left;
	width: 248px;
	height: 500px;
	overflow: auto;
}
#mapList {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#mapList li.not_added {
	text-decoration: underline;
	cursor: pointer;
	background: url(../../images/map/ico_red_shadow.png) bottom left no-repeat;
	line-height: 22px;
	padding-left: 20px;
}
#mapList li.added {
	text-decoration: underline;
	cursor: pointer;
	background: url(../../images/map/ico_green_shadow.png) bottom left no-repeat;
	line-height: 22px;
	padding-left: 20px; 
}

.mapInfoWindow {
    font-size: 1em;
	line-height: 1.3;
}

.mapInfoWindow input, .mapInfoWindow select {
	font-size: 1em;
}

/* context help icon */
.contextHelpImg {
	background: url(../../images/help/context.gif) bottom right no-repeat;
	width: 20px;
	height: 17px;
	float: right;
}

/* screenshots on the welcome page */
#screenshots { text-align: right; }
#screenshots>div { position: relative; margin-bottom: 0.5em; }
#screenshots>div>div { position: absolute; left: 31.5em; top: -0.5em; }
#screenshots>div>img { border: 1px solid #CCCCCC; }
#closeup { display: none; border: 1px solid #ccc; padding: 5px; background-color: #fff; position: absolute; }
.magnify { cursor: pointer; }