/* ----- Generic styles --------------------------------------------------*/
*{
	outline: none;
	font-family:verdana;
	font-weight:normal;
	color: #535353;
	font-size: 11px;
	text-decoration:none;
	margin:0;
	padding:0;
}

img{
	border:none;
}

a{
	text-decoration:none;
	color:#2A639A;
}

body {	
	color: #535353;
	color: #fff;
	background: #000;			
	height:100%;
	width:100%;
}

.loginback{
	background: #263849 url('../images/back.png') no-repeat center center;	
}

.mainback{
	background: #263849;	
}

.errorback{
	background: #263849;	
}

/*toolbar*/
.toolbar{
	background:#446889 url('../images/smart_logo.jpg') no-repeat 3px 6px;
	height:50px;
	line-height:50px;	
}

.logintoolbar{
	margin-top:5px;
	line-height:40px;
	background: url('../images/tool_boby.gif') repeat-x;
	height:40px;
	float:right;
}

.toolleft{
	margin-top:5px;
	line-height:40px;
	background: url('../images/tool_left.gif') no-repeat;
	height:40px;
	width:10px;
	float:right;
}

.toolbar a{
	color: #535353;
	font-weight: bold;	
	text-shadow: #F2F2F2 1px 1px 1px;	
}

.toolbar a:hover{
	color: #000;
}

table { 
	margin:0;
	border-collapse:separate;
	border-spacing:0px;
}

.moduleform{
	background: #F3F2F2;
	border:1px solid #D9D9D9;
	padding:2px;
}

.modulesearch{
	border-left:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;
	border-bottom:1px solid #BEBEBE;	
}

.modulesearch tr{
	background:#F5F5F5;
}

.moduledashboard{
	background: #454545;
	border:2px solid #BEBEBE;
	margin:15px;
}

.moduledashboard td { 	
	padding:6px 6px 6px 6px;
}

.tdborder{
	border-top:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;	
}

.modulesearch td { 		
	border-top:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;		
}

.modulesearch tbody  tr:nth-child(even):hover, .modulesearch tbody  tr:nth-child(odd):hover{
	background: #D1DDE8;
}

.modulesearch tbody tr:nth-child(even) {background: #EFEFEF}
.modulesearch tbody tr:nth-child(odd) {background: #FDFDFD}

.moduleform td { 	
	padding:6px 6px 2px 6px;
}

.modulesearch th, .moduleform th, .moduledashboard th{
	font-weight:bold;
	background: #DADADA;
	padding:7px 7px 7px 7px;
	text-align:left;
	border-right:1px solid #BEBEBE;
	text-shadow: #F2F2F2 1px 1px 1px;
	border-top:1px solid #BEBEBE;
}

.modulesearch .frmbtn, .moduledashboard .frmbtn{
	margin:0px;height:25px;width:72px
}

table td:last-child, table th:last-child{
	border-right:none;
}

input, select{
	border:1px solid #BEBEBE;
	width:100%;
	height:22px;
	padding:1px;
}

textarea{
	border:1px solid #BEBEBE;
	width:100%;
	height:80px;
	padding:1px;
	resize:none;
}

option{
	font-weight:normal;
	height:15px;
	padding:3px 1px 3px 1px;
} 

select.multi_option{
	border: 1px solid #D0D0D0;	
	color:#414141;
	width:150px;
	padding:1px;
}

select.level_select optgroup{
	font-weight:bold;
	font-style : italic;	
}

select.level_select option{
	padding-left:15px;
}

select.multi_option option{
	padding:1px;
}

option.optAll{
	color:grey;
}

input[readonly], textarea[readonly]{
	border:1px solid #BEBEBE;
	background-color:#DADADA;
	color:#535353;
	padding:1px;	
}

.checkbox{
	border:0;
	width:15px;
}

th.table_caption{
	border:1px solid #BEBEBE;
	background-color:#DADADA;	
	font-weight:bold;
	text-shadow: #F2F2F2 1px 1px 1px;
	padding:4px;	
}

.table_caption_text{
	font-weight:bold;
	text-shadow: #F2F2F2 1px 1px 1px;
}

.frmbtn{
	background: url('../images/button.gif') no-repeat;	
	color:#515151;
	font-weight:bold;
	height:25px;
	width:72px;
	text-transform:uppercase;
	text-align:center;
	cursor: pointer;
	float:right;
	margin-left:6px;		
	border:none;
	text-shadow: #F2F2F2 1px 1px 1px;	
}

.frmbtn[disabled], .frmbtn:hover[disabled]{
	background: url('../images/button.gif') no-repeat;	
	color:#969696;
	font-weight:bold;
	height:25px;
	width:72px;
	text-transform:uppercase;
	text-align:center;
	cursor: pointer;
	float:right;
	margin-left:6px;		
	border:none;
	text-shadow: #FFFFFF 1px 1px 1px;	
}

.frmbtn:hover{
	color: #000;
	background: url('../images/buttonh.gif') no-repeat;	
}

a.frmCancelbtn{
	background: url('../images/button.gif') no-repeat;
	color: #515151;
	font-weight:bold;
	height:25px;
	width:72px;
	line-height:25px;
	text-transform:uppercase;
	text-align:center;
	cursor: pointer;
	float:right;
	margin-left:6px;	
	text-shadow: #F2F2F2 1px 1px 1px;	
	/*display:block;*/
}

a.frmCancelbtn:hover{
	color: #000;
	background: url('../images/buttonh.gif') no-repeat;	
}

#container  {
	background: #454545;
	border:2px solid #BEBEBE;
	padding:0px;
	width: auto;		
}

.cmddiv{
	float:right;
}

.fldmsg{
	line-height:25px;
	padding-right:10px;	
	float:left;
}

.alert_class{
	background: #F3F2F2;
	padding:12px;
	width: auto;	
}

.alert_class a{
	color:#535353;
}

.info{
	background: #F3F2F2 url('../images/warn.gif') no-repeat left center;	
}

.confirm{
	background: #F3F2F2 url('../images/confirm.gif') no-repeat left center;	
}

/*main menu*/
.main{
	background: #263849;
	border-bottom:2px solid #BEBEBE;
	padding:8px 2px 0px 2px;
	width: auto;
	height:30px;
}

.main_left{	
	float:left;
	padding:0px 0px 0px 10px;
	height:30px;
	line-height:35px;
	background: url('../images/hl_menu.gif') no-repeat;	
}

.main_right{
	float:left;
	width:10px;
	height:30px;
	background: url('../images/hr_menu.gif') no-repeat;
}

.main div a{
	float:left;
	color:#515151;
	height:30px;
	display:block;
	background: url('../images/hc_menu.gif') repeat-x;
	font-weight:bold;
	text-shadow: #F2F2F2 1px 1px 1px;
}

.main div a:hover, .main div a.active{
	color:#000;	
}

/*sub menu*/
.sub_main{
	background: #263849;
	border-bottom:2px solid #BEBEBE;
	padding:8px 2px 0px 2px;
	width: auto;
	height:30px;
}

.sub_left{	
	float:left;
	padding:0px 0px 0px 10px;
	height:30px;
	line-height:35px;
	background: url('../images/hl_submenu.gif') no-repeat;	
}

.sub_right{
	float:left;
	width:10px;
	height:30px;
	background: url('../images/hr_submenu.gif') no-repeat;
}

.sub_main div a{
	float:left;
	color:#515151;
	height:30px;
	display:block;
	background: url('../images/hc_submenu.gif') repeat-x;
	font-weight:bold;
	text-shadow: #F2F2F2 1px 1px 1px;
}

.sub_main div a:hover, .sub_main div a.active{
	color:#000;	
}

/*side menu*/
.side_menu{
	width: 175px;
	margin-top:10px;
	margin-right:5px;
	padding-left:2px;
	float:left;
}

.side_left{
	float:left;
	padding:0px 0px 0px 10px;
	height:30px;
	line-height:35px;
	width:155px;
	background: url('../images/hl.gif') no-repeat;
}

.side_right{
	float:left;
	width:10px;
	height:30px;
	background: url('../images/hr.gif') no-repeat;
}

.side_menu div a{
	color:#515151;
	height:30px;
	display:block;
	background: url('../images/hc.gif') repeat-x;
	font-weight:bold;
	text-shadow: #F2F2F2 1px 1px 1px;
}

.side_menu div a:hover, .side_menu div a.active{
	color:#000;	
}

/*tab menu*/
.tab_menu{
	width: 175px;
	margin-top:10px;
	margin-right:5px;
	padding-left:2px;
	float:left;
}

.tab_left{
	float:left;
	padding:0px 0px 0px 10px;
	height:30px;
	line-height:35px;
	width:155px;
	background: url('../images/hl.gif') no-repeat;
}

.tab_right{
	float:left;
	width:10px;
	height:30px;
	background: url('../images/hr.gif') no-repeat;
}

.tab div a{
	color:#515151;
	height:30px;
	display:block;
	background: url('../images/hc.gif') repeat-x;
	font-weight:bold;
	text-shadow: #F2F2F2 1px 1px 1px;
}

.tab div a:hover, .tab div a.active{
	color:#000;	
}

td.messages {
	color: #535353;	
}

.formsuccess {
	background: url("../images/success_icon.png") left center no-repeat;	
	position:absolute;
	color:#ff0;
	height:16px;
	width:16px;
}

.formerror {
	background: url("../images/error_icon.png") left center no-repeat;	
	position:absolute;
	color:#000;
	height:16px;
	width:16px;
	cursor:pointer;
}

.fielderror {
	background: #F5FFA5;
}

.required {
	color: #f00;
}
.error, .failure {
	color: #f00;
}
.warning {
	color: #E0B662;
}
.success {
	color: #005500;
}

.footer{
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
	z-index:8000;
	font-size:10px;
	color:rgb(50,50,50);
	height:20px;	
	text-align:center;	
	background: #e9eaee;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	opacity:0.6;
	filter:alpha(opacity:60);
}

.footerH{
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
	z-index:8000;
	font-size:10px;
	color:rgb(50,50,50);
	height:20px;	
	text-align:center;	
	background: #e9eaee;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	opacity:0.8;
	filter:alpha(opacity:80);
}

.footer p, .footerH p{
	color:#515151;
	width:100%;
	text-align:center;
	font-weight:normal;
	line-height:20px;
}

.srchedit{
	background: url('../images/edit.gif') no-repeat 0px 0px;
	padding:1px 12px 1px 4px;
}

.srchdel{
	background: url('../images/delete.gif') no-repeat 0px 0px;
	padding:1px 4px 1px 12px;
}

/*select window*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  background-color:black;
  display:none;
  opacity:0.8;
}

#select_window{
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:2;
	width:907px;
}

#select_window ul{		
	list-style:none;
}

#select_window ul li{
	width:100px;
	height:119px;
	float:left;
	background:#067806;
	list-style:none;	
	color:black;
	margin-right:6px;
	margin-bottom:6px;
	cursor:pointer;
	border:2px solid #BEBEBE;
	z-index:2;
}

#select_window ul li div{
	height:15px;
	background-color:#BEBEBE;
	text-align:center;
	color:#000;
	padding:2px;
}

#select_window ul li div.perbar{
	background:#900202;
	width:100px;
	height:0px;	
	padding:0px;	
	border:none;
}

#select_window ul li div.pervalue{
	color:#fff;
	background:transparent;
	text-align:center;
	line-height:100px;
}

#list_container{
	height:381px;	
	overflow-x:hidden;
	overflow-y:auto;
	background:#454545;
	z-index:0;
	padding-top:6px;
	padding-left:6px;
	border-right:2px solid #BEBEBE;
	border-left:2px solid #BEBEBE;
}

.select_window_titlebar{
	height:15px;
	padding:4px;
	background:#BEBEBE;
	border:2px solid #BEBEBE;
	color:#000;
}

.select_window_controls{
	height:31px;	
	background:#454545;
	border:2px solid #BEBEBE;
	border-top:none;
	padding-top:6px;
	padding-bottom:6px;
}

/*file upload*/
#fileupload {
    position:relative;
}
 
#browservisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url("../images/upload.jpg") 100% 0px no-repeat;
    height:31px;
    width:100%;
}
 
#filefield {
    width:174px;
    height:31px;
	padding:4px;
}
 
#browserhidden {
    position:relative;
    width:100%;
    height:31px;
    text-align: right;
    opacity: 0;
    z-index: 2;
	cursor:pointer;
}

.loginform{
	background: #454545;
	border-bottom:2px solid #BEBEBE;
	padding:0px;
	width: 100%;
	top:0px;	
	height:42px;
}

.loginform div{
	padding:4px;	
}

.loginform td{	
	padding:7px 4px 7px 4px;	
}

.icon{
	float:left;
}

.topleft{
	background: url('../images/tl.png') no-repeat;
	height:10px;
	width:10px;
}

.topcenter{
	background: url('../images/tc.png') repeat-x;
	height:10px;		
}

.topright{
	background: url('../images/tr.png') no-repeat;
	height:10px;
	width:10px;
}

.middleleft{
	background: url('../images/ml.png') repeat-y;
	width:10px;
}

.middleright{
	background: url('../images/mr.png') repeat-y;
	width:10px;
}

.bottomleft{
	background: url('../images/bl.png') no-repeat;
	height:10px;
	width:10px;
}

.bottomcenter{
	background: url('../images/bc.png') repeat-x;
	height:10px;		
}

.bottomright{
	background: url('../images/br.png') no-repeat;
	height:10px;
	width:10px;
}

/*Header Style*/
.headerleft{
	background: url('../images/hl.png') no-repeat;
	height:37px;
	width:10px;
}

.headercenter{
	background: url('../images/hc.png') repeat-x;
	height:37px;
	padding-top:5px;
}

.headerright{
	background: url('../images/hr.png') no-repeat;
	height:37px;
	width:10px;
}

.formContainer{
	margin:10px;
	border-collapse:separate;
	border-spacing:0px;	
	margin-bottom:40px;
}

.divContainer{
	padding-top:6px;
	background: #fff;	
}

.divContainer td { 		
	padding:3px;
}

.frmCaption{
	background:url("../images/favicon.gif") no-repeat left center;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin-left:0px;
	padding:6px 6px 6px 22px;
	vertical-align : middle;
	float: left;
	font-weight: bold;	
	text-shadow: #F2F2F2 1px 1px 1px;
}

.datarow{
	margin:1px 2px 1px 4px;
	overflow:hidden;
	height:15px;
	line-height:15px;
}

.date-field {
	background: white url('../images/calendar.gif') no-repeat center right;
	padding: 0 18px 0 3px;
	cursor: pointer;
}

.td_field{
	border: 1px solid #D0D0D0;	
	color:#414141;
	height:20px;
	margin:5px;
	background: #fff;
}