/* mobile site css */

body
{
	width:100%; 
	background-color:transparent; 
	_background-color:#efeefe; 
	margin:0 auto; 
	font-family:Arial;
	font-size:10px;
}

#big_content { 
	_margin:0 auto; 
	width:320px; 
	_height:auto; 
	background:url(images/big_bk.gif) center repeat-y; 
	position:relative;
}

#header { 
	float:left;
	background:url(images/header_bk.gif) center repeat-x; 
	_width:320px; 
	width:100%;
	border-bottom:2px solid #ffcc00;
	padding-top:3px;
}

#header img{ margin-top:2px; border:none}
#header a{ border:none}
#header span{ color:#3e97dc; font-size:13px; float:right; margin-top:5px; margin-right:10px; font-weight:bold}

#menu{ 
	height:44px; 
	width:320px; 
	margin:0 auto; 
	color:#FFFFFF; color:#abcdef;
}

#menu a {
	color:#FFFFFF; 
	font-size:14px; 
	line-height:22px; 
	text-decoration:none; 
}

#menu a:hover	{ text-decoration:underline}
.menu_text		{ float:left; _height:34px; font-size:14px; font-weight:bold; _margin-right:15px}
.menu_links		{ float:left;}
#menu a.login_text{ color:#FF0000; font-size:14px; margin:5px 5px;}

#index_content	{ width:320px; padding: 2px 2px; height:auto; color:#003366; font-size:14px;}
.welcome		{ color:#003366; font-size:14px; _margin-top:10px; float:left}
.welcome span	{ color:#003366; font-size:18px; _margin-top:10px;}

.login			{ _margin-left:20px}
.login_top		{ }
.login input	{ background:url(images/input.gif) center no-repeat; border:1px solid #88acee; margin:0 auto; }
.login form		{ margin-top:20px}
.login_text2	{ width:100px; float:left; text-align:right; margin-bottom:20px}

input.submitBtn	{ background:url(images/login.gif) center no-repeat; position:relative; top:15px; height:36px; width:136px; border:none; color:#FFFFFF}
input.mybutton	{ background:url(images/login.gif) center no-repeat; position:relative; top:5px; bottom:5px; height:36px; width:136px; border:none; color:#FFFFFF; }

input.input_free 	{ border:1px solid #88acee; width:95%;}
textarea.input_free	{ border:1px solid #88acee; width:95%;}

#outputDiv {
	border:1px solid #abcdef; 
	margin:7px 0 7px 0; 
	width: 310px; 
	background-color:#FFFFFF; 
	text-align: left; 
}

.left43			{ _float:left; _width:43%;}
.left43 h1		{ _float:left; color:#483366; padding-left:10px; font-size:14px; margin:10px auto; text-align:center;}

.left23			{ _float:left; _width:23%;}
.left32			{ _float:left; _width:30%;}
.left32 form	{ margin-top:20px; }
.left32 form b	{ font-size:13px; margin-left:5px; color:#483366;}

#central_content
{ 
	float:left; 
	_width:320px; 
	width:100%;
	color:#003366; 
	font-size:14px; 
	_border:1px solid green; 
	margin-top:5px; 
	margin-bottom:10px; 
}

#footer{ 
	float:left; 
	background-color:#028abc;
	border-top: 2px solid #ffcc00;
	border-bottom: 2px solid #ffcc00;
	padding:3px 0 3px 0;;
	width:100%;
	text-align:center; 
	font-size:12px; 	
}
/*
#footer_bk{background:url(images/big_bk.gif) center repeat-y;  height:100px; width:100%}
*/
#footer a		{ color:#FFFFFF; text-decoration:none; }
.footer_text	{ position:relative;}
.clear			{ clear:both; }

.rounded a{
	color:#000000;
	display:block;
	_height:40px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	width:310px; 	
}

.star	{
	/*background:url(include/star.jpg) no-repeat;*/
	background:url(include/star2.jpg) 50% 50% no-repeat;
	padding-top:10px;
	width:30px;
	height:30px;
	margin:1px auto; 
	/*float:right;*/
	/*border:1px solid pink;	*/
}

a.showBillable {
	color:#006600; 
	text-decoration:none; 
	display:block; 
	margin-top:2px; 
	font-weight:bold; 
	font-size:14px; 
	_width:22px; 
	text-align:center;
}

td.content 		{ background:#F9F9F9 none repeat scroll 0 0; border:1px solid #EFF0F7; color:#333333; font-size:12px; height:30px; padding:4px; white-space:nowrap;}
td.content5 	{ background:#B6D5F8 none repeat scroll 0 0; border:1px solid #6C98D9; color:#000000; font-size:12px; height:30px; padding:4px; white-space:nowrap;}

.urbangreymenu{
	width:100%;
	margin-top:10px;
	margin-right:10px;
}

.urbangreymenu .headerbar{
	font: bold 13px Verdana;
	color: white;
	background: #606060 url(include/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	-webkit-border-radius: 10px;
}

.urbangreymenu ul li a{
	font: normal 13px Arial;
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 10px; 
	text-decoration: none;
}

.urbangreymenu ul li a:visited{
	color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background: black;
}

td.content {
	font-size: 12px;
	color: #333333;
	white-space: nowrap;
	background: #F9F9F9;
	white-space: nowrap;
	border-top: #eff0f7 1px solid; 
	border-left: #eff0f7 1px solid;
	border-right: #eff0f7 1px solid;
	border-bottom: #eff0f7 1px solid;
	height: 30px;
	padding: 4px;
}


td.content5 {
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	background: #B6D5F8;
	white-space: nowrap;
	/*
	border-top: #6c98d9 1px solid; 
	border-left: #6c98d9 1px solid;
	border-right: #6c98d9 1px solid;
	border-bottom: #6c98d9 1px solid;
	*/
	height: 30px;
	padding: 4px;
}

td.content2 {
	font-size: 12px;
	color: #333333;
	white-space: nowrap;
	background:#E1EFFF none repeat scroll 0% 50%;
	border:1px solid #EFF0F7;
	height: 22px;
	padding: 2px;
}

td.content3 {
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	background: #B6D5F8;
	white-space: nowrap;
	border-top: #6c98d9 1px solid; 
	border-left: #6c98d9 1px solid;
	border-right: #6c98d9 1px solid;
	border-bottom: #6c98d9 1px solid;
	height: 25px;
	padding: 2px;
}

td.content4 {
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	background: #F9F9F9;
	white-space: nowrap;
	border:1px solid #EFF0F7;
	height: 22px;
	padding: 2px;
}		
#csvDiv{
	width: 570px; height: 40px; background-color:#EEF9FC;
	border:1px solid #9ED9EB;text-align:center;margin:20px auto 0px 50px;text-align:center;padding:20px;
}

#csvDiv2	{ float:left; width:250px; height:150px; background-color:#EEF9FC; border:1px solid #9ED9EB; text-align:center; margin:40px 20px 0px 0px;}

#xlsDiv		{ float:left; width:250px; height:150px; background-color:#EEF9FC; border:1px solid #9ED9EB; text-align:center; margin:40px 20px 0px 60px;}

.pagination	{ padding: 2px;}

.pagination ul	{ 
	margin:0; padding:0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 12px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FFFF80;
}

.pagination a.currentpage{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext{
	font-weight: bold;
}

.comment {
	width:305px;
	background:#B6D5F8;
	border:1px solid #6C98D9;
	padding:4px;
	margin:5px 0;
}

.indComment  {
	width: 327px;
	margin-bottom:5px;
}

.indCommentHead  {
	background:url(include/01sharecaptop.gif) no-repeat ;
	width:327px;
	height:8px;	
}

.indCommentMid   {
	background:url(include/01sharecapbg.gif) repeat-y;
	width:327px;
}
			
.indCommentBtm  {
	background:url(include/01sharecapbtm.gif) no-repeat;
	width:327px;
	height:8px;
}

#leftDiv  {
	float:left;
	_width: 320px;
	width:100%;
	_border:1px solid maroon;			
}

#leftDiv  table {			
	font-size:14px;
	font-weight:bold;
}
				
h1.notice, div.notice {
	background-image:url(include/s_notice.png);
	background-position:10px 50%;
	background-repeat:no-repeat;
	border:0.1em solid #FFD700;
	margin:0.5em 0;
	padding:10px 0px 10px 0px;
	background-color:#FFFFDD;
}

#search-result-suggestions{

	position: absolute;
	left: 0;
	top: 0;
	width:200px;
	background: #FFF;
	border: 1px solid #484256;
	display: none;
}

#search-result-suggestions h4{
	_margin: 0.25em 0;
	_padding: 0.25em 1em;
}

#search-results ul{
	list-style: none;
	margin-bottom: 1em;
	padding-left:-100px;
}

#search-results a{
	display: block;
	padding: 5px 5px;
	color:#000000;
}

#search-results a.selected{
	color: #FFF;
	background: #484256;
}

#search-results a:hover {
	background:#CCCCCC none repeat scroll 0 0;
}

#search-results p{
	margin-bottom: 0.5em;
}