@import url("containers.css");
@import url("gollosymenu.css");
* { 
	padding: 0;
	margin: 0;
}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }


body {
	font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#E1E1E1 url(images/bodybg.gif) top no-repeat;
	
	scrollbar-base-color: orange;
	scrollbar-arrow-color: green;
	scrollbar-DarkShadow-Color: blue; 
}

input {
			background-color:#FBFBFB;
			color: #000000;
			background:#FFFFCC;
			border: 1px dotted #CCCCCC;
			font-size: 1em;
			padding: 2px;

		}
		
		.button {
			padding: 2px;
			background:url(images/bg_formbtn.jpg) repeat-x;

			font-size:1em;
			font-weight:bold;
			letter-spacing:2px;
			color:#FFFFFF;
			cursor: pointer;
			
		}
		
			.button_player {
			padding: 1px;
			background:url(images/bg_formbtn.jpg) repeat-x;
			
			font-size:0.9em;
			letter-spacing:0px;
			color:#FFFFFF;
			cursor: pointer;
			margin:0px;
		}
		
		tr {
		padding: 1px;
		}
		td {
	padding: 5px;
	font-size: 12px;
		}
		th {
		padding: 3px;
		font-size: 12px;
		background:#0066FF;
		color:#FFFFFF;
		text-align:left;
		}		
		
h1 { font-size:1.8em; }
h2 { font-size:1.2em; }
a { color: #0099FF; }
a:hover { color:#000000; }


.userinfotm {
font-size:0.9em;
padding-top: 18px;
}

.image_cls_left{
padding: 5px 10px 10px 10px;
float:left;
}

#alert_msg {
width:45%;
}

#scriptoutput a {
color:#0066FF;
text-decoration:underline;
}

#scriptoutput a:hover {
color:#FFCC00;
text-decoration:none;
}

#JobDiv
{
width: 165px;
float:left;

}

#JobDiv ul
{
list-style:none;
background:#E7F2FF;
}

#JobDiv li
{
	white-space: nowrap;
	text-align:left;
	width: 100%;
	}

#JobDiv li a
{
margin: 1px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px; 
	padding-left: 2px;
	text-decoration: none;
	color:#0066FF;
	font-weight: normal;
	font-size:0.8em;
	background:#FFF url(images/menu_arrow_bg.png) no-repeat right;
	/*border-right:#999999 dotted 1px;
	border-left:0px;
	border-top: 0px;
	border-bottom: 0px;*/
	border:#CFCFCF dotted 1px;
	opacity: 0.70;
  filter:alpha(opacity=70);
  -moz-opacity: .70;
}

#JobDiv li a:hover {
color: #FFF;
background:#0099FF url(images/menu_arrow_bg.png) no-repeat right;
border: #00CCFF dotted 1px;

	opacity: 0.90;
  filter:alpha(opacity=90);
  -moz-opacity: .90;
}
.JobDivSelected  {
color: #FFF;
background:#0099FF;
border:0px;
opacity: 0.99;
  filter:alpha(opacity=99);
  -moz-opacity: .99;
}


#JobInfo
{
float:right;
width: 660px;
}

#JobInfo table
{
padding: 0px;
}

#JobInfo table td
{
padding: 3px;
font-size: 0.8em;
}

#authors
{
font-size: 0.78em;
width: 150px;
margin-left: 165px;
clear:none;

}
#authors ul
{
list-style:none;
background:#E7F2FF;
}

#authors li
{
	text-align:left;
	width:100%;
	}

#authors li a
{
margin: 1px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px; 
	padding-left: 5px;
	text-decoration: none;
	color:#0066FF;
	font-weight: normal;
	background:#FFF url(images/menu_arrow_bg.png) no-repeat right;
	/*border-right:#999999 dotted 1px;
	border-left:0px;
	border-top: 0px;
	border-bottom: 0px; */
	border: #CFCFCF dotted 1px;
	opacity: 0.70;
  filter:alpha(opacity=70);
  -moz-opacity: .70;
}

#authors li a:hover {
color: #FFF;
background:#0099FF url(images/menu_arrow_bg.png) no-repeat right;
border: #00CCFF dotted 1px;
}


	ul.sortable li {
	position: relative;
}

ul.boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
	
	
}
ul.boxy li {
	cursor:move;
	padding: 0px 0px;
	margin-bottom:3px; 
	border-left: 6px solid #ECECEC;
	background-color: #FFF;
}
.clickable a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	
}
.clickable li:hover {
	background-color: #f6f6f6;
}
#contentmain {
	position: relative;
	float:left;
	min-height: 350px;
	width: 540px;
	padding: 0px 10px 10px 10px;
}
#contentmainright{
width:46%;
position:relative;
float:right;

}

#contentmainleft{
width:46%;
position:relative;
float:left;

}
#contentmainbottom{
	width:90%;
	clear:both;
	position:relative;
	float:left;
	text-align:center;
}

#contentmain p {
line-height: 1.2em;
padding-bottom: 10px;
}

#contentmain h3 {
font-size: 1em;
font-weight:bold;
padding-bottom: 10px;
}


#contentads {
	background-image: url(images/bg_ads.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	width:250px;
	height: 125px;
	padding: 10px 10px 25px 10px;
	color:#FFFFFF;
}
#contentads p {
 color:#FFFFCC;
 font-size: 0.8em;
 border-bottom:dotted #666666 thin;
 padding-bottom: 5px;
 padding-top: 5px;
 }
 #contentads a {
 color:#0099FF;
 font-size: 1em;
 text-decoration:none;
 font-weight:bold;
 }
 
 #contentads p.error {
 color:#FF6600;
 font-size: 1.4em;
 text-decoration:none;
 font-weight:bold;
 padding-top: 10px;
 padding-left:10px;
 text-align:center;
 }
 #contentads a:hover {
 color:#FFF;
 
 }

 #contentother {
	background-image:url(images/bg_wrap.jpg);
	background-repeat:repeat-x;
	background-position:right top;
	background-color: #F0F7FF;
	float:right;
	width:250px;
	min-height: 125px;
	padding: 27px 10px 25px 10px;
	color:#FFFFFF;
	margin-bottom: 10px;
	/*opacity: 0.60;
  filter:alpha(opacity=60);
  -moz-opacity: .60;*/
}
#contentother h2 {
 color:#000000;
 font-size: 1.2em;
 
 padding-bottom: 15px;
 
 }
#contentother p {
 color:#000000;
 font-size: 0.9em;
 border-bottom:dotted #666666 thin;
 padding-bottom: 5px;
 padding-top: 5px;
 }
 #contentother a {
 color:#0099FF;
 font-size: 1em;
 text-decoration:none;
 font-weight:bold;
 }
 #contentother a:hover {
 color:#000;
 
 }


.errorWarning

{
padding-top:6px;
padding-bottom:7px;
padding-right:3px;
padding-left:50px;
border: #CC0000 1px solid;
background:#FFFFFF url(images/attention.gif) top left no-repeat;
font-size:12px;
color:#000000;
text-align:left;
width: 100%;
opacity: 0.70;
  filter:alpha(opacity=70);
  -moz-opacity: .70;
}




 #contentothertop {
	background-image:url(images/bg_wrap.jpg);
	background-repeat:repeat-x;
	background-position:right top;
	background-color:#FFFFCC;
	float:right;
	width:250px;
	min-height: 125px;
	padding: 27px 10px 25px 10px;
	color:#FFFFFF;
	margin-bottom: 10px;
	/*opacity: 0.60;
  filter:alpha(opacity=60);
  -moz-opacity: .60;*/
}
#contentothertop h2 {
 color:#000000;
 font-size: 1.2em;
 
 padding-bottom: 15px;
 
 }
#contentothertop p {
 color:#000000;
 font-size: 0.9em;
 border-bottom:dotted #666666 thin;
 padding-bottom: 5px;
 padding-top: 5px;
 }
 #contentothertop a {
 color:#0099FF;
 font-size: 1em;
 text-decoration:none;
 font-weight:bold;
 }
 #contentothertop a:hover {
 color:#FFF;
 
 }



#contentads2 {
	background-image: url(images/bg_ads.jpg);
	background-repeat:repeat-y;
/*	background-repeat:no-repeat;*/
	background-position:right top;
	float:right;
	width:250px;
	/*min-height: 125px;*/
	
	padding: 10px 10px 25px 10px;
	color:#FFFFFF;
}
#contentads2 p {
 color:#FFFFCC;
 font-size: 1em;
 border-bottom:dotted #666666 thin;
 padding-bottom: 5px;
 padding-top: 5px;
 }
 #contentads2 a {
 color:#0099FF;
 font-size: 1em;
 text-decoration:none;
 font-weight:bold;
 }
 
 #contentads2 p.error {
 color:#FF6600;
 font-size: 1.4em;
 text-decoration:none;
 font-weight:bold;
 padding-top: 10px;
 padding-left:10px;
 text-align:center;
 }
 #contentads2 a:hover {
 color:#FFF;
  }
  
  
  


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
cursor:pointer;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;*/
padding: 10px;
left: -1000px;
/*border: 1px dashed gray;*/
visibility: hidden;
text-decoration: none;
background-color:#FFFFFF;
min-width:180px;
max-width:250px;
min-height: 100px;
/*min-height:50px;  */
color:#000;
border: #0066FF solid 3px;
opacity: 0.90;
  filter:alpha(opacity=90);
  -moz-opacity: .90;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


#topmenu_user {  
font-size: 0.8em;
text-align: left;
color: #000;
margin-bottom:10px;
clear:left;

}
#topmenu_user a { 
color:#FFF;
font-size: 1.2em;
text-decoration: none;
line-height: 12px;
padding: 5px 20px 5px 20px;


background:url(images/bg_btn.jpg) repeat-x;
opacity: 0.90;
  filter:alpha(opacity=90);
  -moz-opacity: .90;
} 

#topmenu_user a:hover {
color:#FFF; background:url(images/bg_btn_ro.jpg) repeat-x;
opacity: 1;
  filter:alpha(opacity=100);
  -moz-opacity: 1;
}

#topmenu_user a.signinlink { 
color:#000;
font-size: 1.2em;
text-decoration: none;
line-height: 18px;
padding: 18px 21px 18px 22px;
/*margin: 0px 0px 0px 1px;*/
background: url(images/bg_btn_sin.jpg) repeat #FF6600;
opacity: 0.90;
  filter:alpha(opacity=90);
  -moz-opacity: .90;
} 
#topmenu_user a.signinlink:hover {color:#000; background:url(images/bg_btn_sin_ro.jpg) repeat-x;
opacity: 0.9;
  filter:alpha(opacity=90);
  -moz-opacity: .90;
}


#right .tbldata ul{
	margin: 0px;
	margin-top: 0px;
	list-style: none;
	margin-bottom: 0px;
}

#right .tbldata ul li {
	display: block;
	float:left;
	white-space: nowrap;
	text-align:left;
}

#right .tbldata li a {
	margin: 0px;
	padding:2px;
	width: 360px;
	text-decoration: none;
	color:#666666;
	font-weight: normal;
	font-size:1.0em;
	border: 0px;
	text-align:left;
}

#right .tbldata li a:hover {
color: #FFF;
background:#0099FF;
border: 0px;
}
#right .tbldata li a.current{
color: #FFF;
background:#0099FF;
border: 0px;
}
.tbldataActive {
/*color:#0099FF;*/
color:#2D2D2D;
font-weight:bold;
}

.hightlighted{
color:#FF0000;
font-weight:bold;
}
.hightlighted a{
text-decoration:none;
}


#show_conf_msg{
background:#FF0000;
color:#FFFFFF;
padding:0px 10px 0px 10px;
}

.main_calender{
width:540px; 
float:left;
padding:5px 0px 0px 5px;
margin-bottom:5px;
}

.main_calender h3{
font-size:20px;
color:red;
}


#show_line_count{
float:left;
margin-left:10px;
margin-top:5px;
width:270px;
max-height:370px;
border: #C1C1C1 dotted 1px;
overflow:scroll;
}

#show_line_count_manager{
float:left;
margin-left:10px;
margin-top:5px;
width:250px;
border: #C1C1C1 dotted 1px;
}


.linecount_yes{
font-size:14px;
color:#333;
float:left; 
height:65px; 
width:120px;
margin:0px 5px 5px 0px;
padding:30px 5px 30px 5px;
background:url(images/active_month_bg.png) no-repeat;
}

.linecount_active{
font-size:14px;
color:red;
float:left; 
height:65px; 
width:120px;
margin:0px 5px 5px 0px;
padding:30px 5px 30px 5px;
background:url(images/active_month_bg.png) no-repeat;
}

.linecount_active a{
color:red;
text-decoration:none;
}

.linecount_yes a{
text-decoration:none;
}

.linecount_no{
font-size:14px;
color:#D6D6D6;
float:left; 
height:65px; 
width:120px;
margin:0px 5px 5px 0px;
padding:30px 5px 30px 5px;
background:url(images/blank_month_bg.png) no-repeat;
}

.linecount_future{
font-size:14px;
color:#D6D6D6;
float:left; 
height:65px; 
width:120px;
margin:0px 5px 5px 0px;
padding:30px 5px 30px 5px;
background:url(images/future_month_bg.png) no-repeat;

}


.manager_users{
font-size:14px;
color:#FFFFFF;

float:left; 
height:30px; 
width:50%;

margin:0px 20px 5px 20px;
padding:30px 5px 30px 5px;
background-color:#004080;
}

.manager_users a{
color:#FFFFFF;
}

.manager_users a:hover{
color:#2D2D2D;
}


.red{
color:#FF0000;
}

#custom_info a{
color:#0099FF;
}
#custom_info a:hover{
text-decoration:underline;

}

#link_div_msg{
background:#E1EFFF; 
border:2px dashed #B5DEFD; 
padding:10px;

}

.ajax-loading {
	padding: 20px 0;
	background: url(images/loading.gif) no-repeat center;
}

.form_label{
font-size:16px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
}

.form_element
{
font-size:18px;
color:#666666;
font-family:"Helvetica", "sans serif", Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:3px;
}
.form_element_div{
clear:both;
margin-bottom:10px;
}

.form_element_div_captch{
clear:both;
margin-bottom:10px;
border:2px #ABE3FE dashed; 
width:300px; 
padding:20px;
}

.form_btn{
width:162px;
height:67px;
background:url(images/btn_signup.png) no-repeat;
border:none;
cursor:pointer;
}