﻿body {
}
.middle{
    padding-left:15px;
}
.floatleft{
    float:left;
    display:block;
    width:30%;
}
.floatright{
    float:right;
    display:block;
    width:30%;
}

.RadMultiPage{
    margin-top:20px;
}
.RadGrid{
    margin-top:10px;
}
.loc-admin-ddl{
    -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px;
    border:solid 1px #ccc;
    padding: 5px;
}
.rb_dataimport{
    text-align:center;
    margin:10px 0;
}
#data #ImportPanel .RadComboBox,
#data #ImportPanel .txt-dataimport{
    margin-bottom:5px;
}
#data .fu-dataimport{
    border:solid 1px #ccc;
    -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px;
    padding: 2px;
    color:#3E4C5B;
    }
.txt-dataimport{
    -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px;
    border:solid 1px #ccc;
    padding: 5px;
}
.lbl-import{
    display:block;
    width:150px;
    float:left;
    text-align:right;
    padding: 5px 5px 0 0;
}
#export .RadComboBox{
    margin-bottom:5px;
}
#export .lbl-exports{
    display:block;
    float:left;
    width:110px;
    text-align:right;
    padding: 5px 5px 0 0;
}
/*child grid buttons with icons*/
p#buttonedit,
p#buttonupdate,
p#buttoncancel,
p#buttondelete,
p#buttonbutton2,
p#buttonexport,
p#buttonclear {
    display: block;
    float: left;
    margin-right: 20px;
}
    p#buttonedit img,
    p#buttonupdate img,
    p#buttoncancel img,
    p#buttondelete img,
    p#buttonbutton2 img,
    p#buttonexport img,
    p#buttonclear img {
        float: left;
        padding-right: 2px;
        vertical-align: middle;
    }

/* middle content button styles */
#middle #content .button, a.button {
	display: inline-block; 
    color: #FFF;
    background: #009ADA;
    padding: 6px 10px 8px 10px;
	margin: 5px 0;
    -webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.6);*/
	outline: none; 
    position: relative; 
    zoom: 1; 
	white-space: nowrap; 
    overflow: visible; 
    cursor: pointer; 
	border: none;
	text-decoration: none;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}	
#middle #content a:hover.button {
	background: #484848;
	color: #FFC;
      }    		
#middle #content a.button.blue, #middle #content input.button.blue {
	background: #1961B0;
	}	
#middle #content a:hover.button.blue,  #middle #content input:hover.button.blue {
	background: #0F5393;
	}		
#middle #content a.button.red, #middle #content input.button.red {
	background: #AE2C20;
	}	
#middle #content a:hover.button.red, #middle #content input:hover.button.red {
	background: #911810;
	}	
#middle #content a.button.red {
	background: #AE2C20;
	}	
#middle #content a:hover.button.red {
	background: #911810;
	}			
#middle #content a.button.green, #middle #content input.button.green {
	background: #063;
	}	
#middle #content a:hover.button.green, #middle #content input:hover.button.green {
	background: #004D26;
	}

#middle #content fieldset .form-group {
	width: 90%;
	}
.form-gleft
{
	/*border-style: ridge;*/
	float: left;
	width: 250px;
	/*width:50%;*/
}

.form-gright
{
	/*border-style:dashed;*/
float:right;
width:300px;
/*width:50%;*/

}
/*Alert Styles*/
	
#middle #content .alert-info, 
#middle #content .alert-notice{
	background: #D9EDF7;
	padding: 8px 10px;
	margin: 10px 0;
	display: block;
	border: 1px solid #AFD9EE;
	color: #333;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;		
	}	
#middle #content .alert-notice {
	border: 1px solid #E43940;
	background: #F9D5D7;
	}

/*********** Grid Insert form Styles - Start **************/
.gridstyle2 { 
   
    width:auto; 
    background-color: #fff; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
    margin: 5px 0 10px 0;
}
.gridstyle2 td { 
    /*padding: 10px 8px;*/ 
       padding:4px 5px; 
    text-align:left; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
    /*font-size: 14px ;*/ 
      font-size: 11px ; 
}
.gridstyle2 th { 
    padding: 10px 8px; 
    text-align:left; 
    color: #fff; 
    background: #3A4D64 url(../imgs/tab_hover.gif) repeat-x top; 
   
    border-left: solid 1px #525252; 
   /*font-size: 16px   ;*/ 
        font-size: 13px   ; 
}
#middle #content .gridstyle2 th a {
    color: #FFE766;
    text-decoration: none;
    border-bottom: 1px solid #FFCE3F;
}
#middle #content .gridstyle2 th a:hover {
    color: #FFCE3F;
    text-decoration: none;
    border-bottom: 1px solid #FFCE3F;
}
.gridstyle2 .alt { 
    background: #fcfcfc url(../imgs/grid_style/grd_alt.png) repeat-x top; 
}
#middle #content .gridstyle2 th {
    color: #FFE766;
    text-decoration: none;
}
.gridstyle2 input {
border: 1px solid #3E4C5B;
	background: #fff;
}

/* form view styling */
.formstyle { 
    width: auto;  /*35%*/
    background-color: #fff; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
    margin: 5px 0 10px 0;
}
.formstyle td { 
    padding: 10px 8px; 
    text-align:left; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
    /*font-size: 1.2em;*/  
}

.formstyle th { 
    padding: 10px 8px; 
    text-align:left; 
    color: #fff; 
    background: #3A4D64 url(../imgs/tab_hover.gif) repeat-x top; 
    /*background: #424242 url(../imgs/grid_style/grd_head.png) repeat-x top;*/ 
    border-left: solid 1px #525252; 
    font-size: 1.2em; 
}
#middle #content .formstyle th a {
    color: #FFE766;
    text-decoration: none;
    border-bottom: 1px solid #FFCE3F;
}
#middle #content .formstyle th a:hover {
    color: #FFCE3F;
    text-decoration: none;
    border-bottom: 1px solid #FFCE3F;
}
.formstyle .alt { 
    background: #fcfcfc url(../imgs/grid_style/grd_alt.png) repeat-x top; 
}
#middle #content .formstyle th {
    color: #FFE766;
    text-decoration: none;
}


/* text box styling */ 
input.form-text, input.form-text3,select.form-text,textarea.form-text{
	
     width:auto;
     padding: 2px;
	font-size: 12px;
	border: 1px solid #3E4C5B;
	background: #fff;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
input.form-text:focus,input.form-text3:focus
select.form-text:focus,
textarea.form-text:focus {
	border: 1px solid #52A8EC;
	border-color: rgba(82, 168, 236, 0.9);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	background: #fff;
	}


input.form-text3,select.form-text3,textarea.form-text3{
	 width:150px;
     padding: 2px;
	font-size: 12px;
	border: 1px solid #3E4C5B;
	background: #fff;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
      float:right;
      margin-right:20px;
	}
input.form-text3:focus
select.form-text3:focus,
textarea.form-text3:focus {
	border: 1px solid #52A8EC;
	border-color: rgba(82, 168, 236, 0.9);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	background: #fff;
	}
/*input.form-text3,input.form-text3:focus {
    width:100px;
  

}*/

label.text-Style{
   font-size: 16px ;
   font-family:inherit;

}
/*input.form-text4,select.form-text4,textarea.form-text4 {
     padding: 2px;
	font-size: 12px;
	border: 1px solid #3E4C5B;
	background: #fff;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
     /*float:right;*/
     /*margin-right:30px;*/
     /*width:100px;*/

/*}*/