body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Tahoma;
	background:#000000;
}

#page
{
	margin-top: 0px;
	margin-bottom: 5px;
	background: white;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}

#header
{
	margin: 0;
	padding: 0;
	border-top: 0px solid #C9E0ED;
	background:url(../images/Atlas_atms_logo.jpg) 6px -7px no-repeat ;	
	
}

#content
{
    padding: 5px 20px 0 20px;
	margin-top:40px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
	
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 0px 0px;
	height:79px;
	width:auto;
	margin-top: 50px;
}

#mainmenu
{
	background:white url(../css/bg.gif) repeat-x left top;
	position: relative;
    z-index: 1

}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background:#FFC56E;
	/*background-color:#EFF4FA;*/
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:1px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border:1px solid #C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 10px 20px 0 25px;
	width:290px;
	margin-top:100px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #F8F8F8;
	border:1px #D0E3EF solid;
}

.portlet
{
	margin-top: -36px;
    position: relative;
}

.portlet-decoration
{
	padding: 0px 8px;
	background: #B7D6E7;
	position:fixed;	
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: -36px 0 0 0;
	padding: 0 0 0 20px;	
	float:right;
	border-bottom:0px solid #C9E0ED;
	border-left:0px solid #C9E0ED;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px; height:25px;
	text-align:left; float:left;
	padding: 0px 10px 3px 10px; 
	margin: 5px;	
}
.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 0px;
}

.operations li a
{
	font: bold 12px Tahoma;
	color: #0066A4;
	display:block;
	
	margin-top:0px;
	padding: 5px 0 0px 0px;
	text-decoration: none;  
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	
}
DIV#content DIV.compactRadioGroup {
    padding-left: 1em;
}
 
DIV#content .compactRadioGroup LABEL,
DIV#content .compactRadioGroup INPUT {

	  display: inline !important;
    width: auto !important;    
}
.tableheader
{
	width:100%; 
	border-left:1px gray solid; 
	border-top:1px gray solid; 
	border-right:1px gray solid;
}

.tablecontent
{
	overflow:scroll; 
	width:100%; 
	height:200px; 
	border:1px gray solid; 
	/*border-left:1px gray solid; 
	border-bottom:1px gray solid; 
	border-right:1px gray solid; */
	padding:0px; 
	margin:0px;
}
.tablecontent td
{
	border-right:1px gray solid; 
	border-left:1px gray solid; 
	border-bottom:1px gray solid; 
}
#load{
background:right url(../css/gridview/loading.gif) no-repeat;
position:absolute;
z-index:1;
border:1px s #999;
/*background:#f7f7f7;*/
width:120px;
margin-top:-150px;
margin-left:-60px;
top:50%;
left:50%;
text-align:left;
line-height:30px;
font-family:tahoma;
font-size:12pt;
}
select {
text-transform:capitalize;}
.abutton{
float: left;
}
.controlbox {
width:31%;
float:left;
margin-left:160px;
}
.otcompoff
{
 float:left;
}
.mextprevcal
{
    float: left;
    width: 31%;
}
.mextprevcal a{
font-size:12px;
font-weight:bold;
display:block;
border:1px outset #000000;
text-decoration:none;
background:#0099FF;
color:#FFFFFF;

}
.mextprevcal a:hover {
border:2px inset #3399FF;
}
#nav-bar {  background:#FCAB4F repeat-x; padding:0 10px 0 10px;  }
#nav { float:left; margin:0;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;width:17%}

/************** ALL LEVELS  *************/
#nav li { position:relative; text-align:left;  }
#nav li.over {z-index:99; margin-left:0px;margin-top:0px;margin-right:2px;}
#nav li.active {z-index:100; margin-top:1px;background:#FFFFFF;}
#nav a,
#nav a:hover {display:block; text-decoration:none; }
#nav span { display:block; }
#nav a { line-height:1.2em; }
/************ 1ST LEVEL  ***************/
#nav li { float:left; /*background:#EFF4FA; */ }
#nav li.active { margin-left:-1px;background:#FFFFFF; color:#FFFFFF; font-weight:bold;  }
#nav li.active em { display:block; position:absolute; top:0; right:-1px; width:3px; height:27px; background:#FCAB4F; }
#nav a {font-weight:bold; float:left; padding:0 13px; color:#FFFFFF; line-height:27px; }


#myclass
{
	width: 250px; 
	margin: auto;
	border: 2px solid #aaaaaa;	
	background: #FFFFFF; /* Old browsers */
	/*background: rgb(178,225,255);
	background: -moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))); 
	background: -webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); 
	background: -o-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%);
	background: linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); */
	padding-left:5px;
}

#myclass ul li div
{
	border: 0px solid #aaaaaa;
	background: transparent;
	padding-top:20px;
	width:250px;
	height:28px;
}

#myclass ul li div a
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

#myclass1
{
	width: 250px; 
	margin: auto;
	height: 336px;
	border: 2px solid #aaaaaa;	
	background: #FFFFFF; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #e4efc0 0%, #abbd73 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); 
	background: -webkit-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); 
	background: -o-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); 
	background: -ms-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); 
	background: linear-gradient(to bottom,  #e4efc0 0%,#abbd73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 );*/
	padding-left:5px;
}

#myclass1 ul li div
{
	border: 0px solid #aaaaaa;
	background: transparent;
	padding-top:20px;
	width:250px;
	height:28px;
}

#myclass1 ul li div a
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

#myclass2
{
	width: 250px; 
	margin: auto;
	border: 2px solid #aaaaaa;	
	background: #FFFFFF; /* Old browsers */
	/*background: rgb(246,230,180); 
	background: -moz-linear-gradient(top,  rgba(246,230,180,1) 0%, rgba(242,206,123,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,230,180,1)), color-stop(100%,rgba(242,206,123,1)));
	background: -webkit-linear-gradient(top,  rgba(246,230,180,1) 0%,rgba(242,206,123,1) 100%);
	background: -o-linear-gradient(top,  rgba(246,230,180,1) 0%,rgba(242,206,123,1) 100%);
	background: -ms-linear-gradient(top,  rgba(246,230,180,1) 0%,rgba(242,206,123,1) 100%);
	background: linear-gradient(to bottom,  rgba(246,230,180,1) 0%,rgba(242,206,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#f2ce7b',GradientType=0 ); */

	/*background: rgb(252,255,244); 
	background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1)));
	background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%);	
	background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); 
	background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); */

	padding-left:5px;
	
}

#myclass2 ul li div
{
	border: 0px solid #aaaaaa;
	background: transparent;
	padding-top:20px;
	width:250px;
	height:28px;
}

#myclass2 ul li div a
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

.username
{
	float: right; 
	color: #FFFFFF; 
	font-size: 15px; 
	border: 0px solid; 
	top: 7px; 
	left: 20px; 
	margin-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.user_text
{
	float:right;
	text-align:right;
}

.user_image
{
	float:left;
}

.sign_out
{
	margin-top:3px;
	background-color:#E7E7E7;
	height:40px;
	/*height:auto;*/
	vertical-align:middle;
	text-align:center;
	width:100%;
}

.sign_out a
{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}