﻿body{
	font-size:13px;
	font-family:Tahoma;	
	background-color:#FFF;
	margin: 0;
    padding: 0;
}
label{
	cursor:default;
}
.label{
    font-family:Tahoma;
    font-size:small;
    font-weight:bold;
}
.label-unbold{
    font-family:Tahoma;
    font-size:small;
    
}
.label-red{
font-family:Tahoma;
    font-size:small;
    font-weight:bold;
    color:red;
}
.label-underline{
font-family:Tahoma;
    font-size:small;
    font-weight:bold;
    text-decoration:underline;
}
input[type='submit'],a{
	font-size: 11px !important;
}
.wrapper{
	/*width:984px;*/
	width:100%;
	margin:0 auto;
}
#content-wrapper{
	background-color:#FFF;
}
input[type='submit'],select{
	cursor: pointer;
    height: 22px;
}
.bigtextbox{
	/*border:1px solid #BBB;*/
	width:90%;
	padding:3px 2px 3px 2px;
	/*background-color:#F4F4F4;*/
}
/*.bigtextbox:focus,.bigtextbox:active,.bigtextbox:hover{
	background-color:#FFF;
	border:1px solid #333;
}*/
.smalltextbox{
	/*border:1px solid #BBB;*/
	width:50%;
	padding:3px 2px 3px 2px;
	/*background-color:#F4F4F4;*/
}
/*.smalltextbox:focus,.smalltextbox:active,.smalltextbox:hover{
	background-color:#FFF;
	border:1px solid #333;
}*/
#map{
	margin:0 auto;
	top:10;	
	width: 100%;
	border:1px solid #333;
	height: 595px;
	/*z-index:-1;*/
}
.cls{
	clear:both;
}
.notfound{	
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    color: #888888;
    font-size: 1.2em;
    height: 215px;    
    text-align: center;
    width: 100%;
}
.mGrid { width: 100%; background-color: #fff; border: solid 1px #525252; border-collapse:collapse; font-size: 1.1em; }

.mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }

.mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }

.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }

.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }

.mGrid .pgr table { margin: 5px 0; }

.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   

.mGrid .pgr a { color: #666; text-decoration: none; }

.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.mGrid tr.normal:hover, .mGrid tr.alternate:hover
{
   background-color: Yellow;
   border: 1px solid #f1f5f6;
   border-collapse:collapse;
   font-size: 1em; 
}

.mGrid tr.alternate
{
   background-color: #f1f5f6;
   border: 1px solid #CCCCCC;
}


.photono{ 
	background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    padding: 3px;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.popupbg{
	background: url("../images/del_panel_border.png") repeat scroll 0 0 transparent;
    padding: 10px;       
    /*width:100%;
    height:100%;
    height: 610px;*/
    width:654px;
    margin:0 auto;
    top:13px;
    /*margin-top:25px;*/
    position: relative; 
    top: -50%
}

.popupbg-reject{
	background: url("../images/del_panel_border.png") repeat scroll 0 0 transparent;
    padding: 10px;    
    width:428px;
    margin:0 auto;
}
.hd{
	background: none repeat scroll 0 0 #444;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    padding: 5px 0 5px 16px;
}
.cls{
	clear:both;
}
.btnCloseReject{
	background: url("../images/del_sprite_newSave.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    outline: 0 none;    
    /*position: absolute;
    right: 17px;*/    
    top: 16px;
    width: 16px;
}
.btnCloseReject:hover{
	background-position:0 -16px;
}
.btnClose{
	background: url("../images/del_sprite_newSave.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 16px;
    outline: 0 none;    
    width: 16px;
    border:0;
    display:block;
}
.btnClose:hover{
	background-position:0 -16px;
}
.toolbars{
	background-color:#f0f0f0;
	border:1px solid #ccc;
	font-size:11px !important;
}
.toolbars select,.toolbars input[type='submit']{
	font-size:11px;
	cursor: pointer;
}
.rejectContent{
	margin: 7px 0 10px 10px;
}
.rejectContent textarea{
    border: 2px solid #444444;
    font-family: Tahoma;
    font-size: 13px;
    height: 70px;
    overflow: hidden;
    padding: 10px;
    resize: none;
    width: 385px;
    display:block;
}
.submit{	  
    margin-bottom: 8px;
    margin-right: 8px;
    width: 75px;
}
.action-con{
    float: left;
    text-align: left;
    width: 100px;
}
.chklist input{
	cursor:pointer;
}
.signin{
	background: none repeat scroll 0 0 #FBFBFB !important;
}
#signin{
	margin: 2em auto;
    width: 320px;    
    color: #333333;    
}
#signin #logo{
	background: url("../images/stlogo.png") no-repeat scroll center top transparent;
	display:block;
	width:245px;
	height:245px;
	padding-bottom: 10px;
	margin: 0 auto;	
}

#signin #logo2{
	background: url("../images/stlogo_jj.png") no-repeat scroll center top transparent;
	display:block;
	width:245px;
	height:200px;
	padding-bottom: 10px;
	margin: 0 auto;	
}
#signin form{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E5E5E5;
	padding-right: 12px;
	padding-left:12px;
		
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
    -webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
    -khtml-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
    box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
    behavior: url(style/PIE.htc);
}
.input{
	width: 95%;
    font-family: Tahoma;  
	font-size: 11pt;
	margin-bottom: 10px;
}
.pnlErr{
	background-color: #FFEBE8;
    border:1px solid #CC0000;
    margin-top:4px;
	padding: 12px;
	font-size:14px;
	text-align:center;

	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(style/PIE.htc);
}
.toolsbar{
	background-color:#f0f0f0;
	border:1px solid #ccc;
	position: absolute;
	/*width: 1180px;*/
	width:93.8%;
	top:77px;
}
.lblred{
	font-family:Georgia !important;
	font-size:14px;
	color: #670000;
	font-weight:bold;
}
.photoform tr{
	line-height:30px;	
}
.linebreak{
	border-top: 3px solid #CCCCCC;
	width:97%;
	margin:0 auto;
}
.formtitle{
	width:80%;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	display:block;
}
.entryform{
	
}
.entryform label.description{
	display: block;
    font-size: 95%;
    font-weight: 700;
    line-height: 150%;
    padding: 0 0 1px 9px;
}
.entryform .element{
	padding: 4px 5px 2px 9px;
}
.entryform span.guidelines{
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E6E6E6;
    color: #444444;
    font-size: 80%;    
    line-height: 130%;
    margin: 0 0 0 8px;
    padding: 8px 10px 9px;
    position: absolute;
    visibility: hidden;        
}
.entryform .element:hover span.guidelines{
	visibility:visible;
}
.txt-readonly{
	border:1px solid #e4e4e4;
	font-weight: bold;
	background-color:#f7f7f7;
}
.ddlstatus{
	font-size:11px;
}
.main-toolbars
{
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);                                    
                                       
    background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
    background: -webkit-linear-gradient(top, #EBEBEB, #A1A1A1);
    background: -moz-linear-gradient(top, #EBEBEB, #A1A1A1);
    background: linear-gradient(#EBEBEB, #A1A1A1);
    -pie-background: linear-gradient(#EBEBEB, #A1A1A1);
                
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
                            
    /*background-color: #F4F4F4;*/
    border: 1px solid #333333;
    margin: 4px 2px 0 2px;
    padding-top: 3px;
    overflow-x:hidden;
    height:33px;
    behavior: url(style/PIE.htc);
}
.sticky-main-toolbars
{
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);                                    
                                       
    background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
    background: -webkit-linear-gradient(top, #EBEBEB, #A1A1A1);
    background: -moz-linear-gradient(top, #EBEBEB, #A1A1A1);
    background: linear-gradient(#EBEBEB, #A1A1A1);
    -pie-background: linear-gradient(#EBEBEB, #A1A1A1);
                
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
                            
    /*background-color: #F4F4F4;*/
    border: 1px solid #aaa;
    /*margin: 4px 2px 0 2px;
    padding-top: 3px;
    overflow-x:hidden;
    height:33px;*/
    behavior: url(style/PIE.htc);
}
.popupimg
{
    width: 33px;
    height: 31px;
    float: left;
    text-indent: -9999px;
    background: transparent url(../images/photo.png) 0px -1px;
    border: 1px solid transparent;
    cursor:pointer;
}
.popupselect
{
    width: 28px;
    height: 25px;
    float: left;    
    text-indent: -9999px;
    background: transparent url(../images/view.png) 0px -1px;
    border: 0px solid transparent;
    cursor:pointer;
}
.btnAddF
        {
                width: 26px;
                height: 26px;
                float: left;    
                text-indent: -9999px;
                background: transparent url(../images/plus.png) 0px -1px;
                border: 0px solid transparent;
                cursor:pointer;
         }
         
         .btnDelF
         {
                width: 22px;
                height: 22px;
                float: left;    
                text-indent: -9999px;
                background: transparent url(../images/minus.png) 0px -1px;
                border: 0px solid transparent;
                cursor:pointer;
         }

.popupselectcust
{
    width: 26px;
    height: 25px;
    float:  none;    
    text-indent: -9999px;
    background: transparent url(../images/edit.png) 0px -1px;
    border: 0px solid transparent;
    cursor:pointer;
}
.check_radio
{
    background: url("../images/check_radio.gif") no-repeat scroll 0 0 transparent !important;    
}
.radio
{
    background: url("../images/uncheck_radio.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 25px;
    text-indent: -9999px;
    cursor:pointer;
}
.txtboxmoney
{
    text-align: right;
    float:right;
}
