body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.container {
	width: 1200px;
	background-color: #FFFFFF;
	margin: 0 auto 5px auto;
	border: 1px solid #CCC;
}
header {
	background-color: #FFFFFF;
}


.topbar {
	margin: 0px;
	padding: 0px;
	width: 1200px;
	height: 50px;
}
.topleft {
	float:left;
	width:240px;
	height:41px;
	padding:5px;
	background-color:#DB363A;
	text-align:center;
}
.topleft a {
	color:#FFF;
	font-size:28px;
	text-decoration:none;
}
.topright {
	float:right;
	padding:10px;
	height:30px;
	text-align:right;
}
.topright img {
	width:24px;
	height:24px;
	border-left: 1px solid #CCC;
	vertical-align:middle;	
}
.topright .menu {
	margin:0;
	padding:0;
	font-weight: bold;
}
.topright input[type="text"] {
	margin:0;
	padding:0;
    border:none;
}
.navbar {
	border-top: 1px solid #CCC;
	/*border-bottom: 1px solid #CCC;*/
}
.navleft {
    /*float:left;
	width:240px;
	height:40px;
	padding:5px;*/
	

	float: left;
	width: 240px;
	/*padding:46px 5px;*/
    padding:12px 5px; 
    padding-bottom:80px;
    background-color:#DB363A;
	text-align:center;
}

.navleft img{
	float:left;
	margin:0px 5px;
	width:80px;
	height:80px;
	vertical-align:middle;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
}
.navleft .name {
	margin: 15px 0px 0px 0px;
	padding:0;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.navleft .role {
	margin:0;
	padding:0;
	color:#666;
	font-size:12px;
}
.navleft .status {
	margin:0;
	padding:0;
	color:#666;
	font-size:12px;
}
.navleft .status img{
	float:left;
	margin:2px;
	width:10px;
	height:10px;
	vertical-align:middle;
}
.navright {
	float: left;
	width: 939px;
	padding:0 5px;
	background-color: #FAFAFA;
	border-left: 1px solid #CCC;
}
.navright h1{
	margin:20px 0px;
	font-size:18px;
}
.navright .box {
	float:left;
	text-align:center;
}
.navright a img {
	/*width:24px;
	height:24px;*/
	border:none;
}
.navright a, .navright a:visited {
	color:#CCC;
	width:115px;
	margin:0px;
	padding:10px 5px;
	font-size:12px;
	text-decoration: none;
	border:1px solid #FAFAFA;
	display:block;
}
/*.navright a:hover, .navright a:active, .navright a:focus {
	color:#D2363A;
	background-color:#FFF;
	border:1px solid #CCC;
}*/

.yahoo {
        padding-left:0px !important;
	border-left:5px solid #DB363A;
	color:#DB363A !important;
    font-weight:bold;
}
.navright a:hover, .navright a:active, .navright a.yahoo1 {
color:#D2363A;
	background-color:#FFF;
	border:1px solid #CCC;
    border-bottom:1px solid white;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
      font-weight:bold;
}

.logo {
	width:250px;
    position:absolute;
    /*bottom:4px;*/
    top:600px;
    margin-left:4%;
}
.content {
	width: 929px;
	/*height: 650px;*/
    min-height:483px;
    /*height:530px;*/ /*uncomment this line and comment upper height*/
	float: left;
	padding:0;
    overflow:hidden;
}
aside {
	float: right;
	margin-top: 15px;
	width: 220px;
	height: 500px;
	padding: 5px;
	border: 1px solid #CCC;
}
aside .title{
	width: 130px;
	margin: -12px 50px 10px 50px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #D2363A;
	background-color: #FFF;
}
.sidebar {
	float: left;
	width: 250px;
    /*height: 650px;*/ /*comment this line*/
   min-height:483px;
	padding:0px;
	margin:0px;
	border-right: 1px solid #CCC;
}
ul.nav {
	list-style: none;
}
ul.nav li {
	border-bottom: 1px solid #CCC;
}
ul.nav img {
	margin:5px;
	vertical-align:middle;
}
ul.nav a, ul.nav a:visited { 
	display: block;
	padding: 10px 5px;
	width: 240px;
	font-size:12px;
	text-decoration: none;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	padding-left:0px;
	border-left:5px solid #DB363A;
	color:#DB363A;
}
.footer {
	float: right;
	width: 938px;
	padding: 5px;
	font-size: 10px;
	color:#333;	
	background-color:#FAFAFA;
	border-top: 1px solid #CCC;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left !important;
	/*margin-right: 8px;*/
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
header, section, aside, article, figure {
	display:block;
}

/*-- Main Form Controls---*/
.formMain {
	width: 660px;
	float:left;
	padding:20px 10px;
}
.row {
    /*margin:10px;*/
    margin:25px 0px 0px 0px;
   
}
.half {
    width:50%;
    float:left;
    margin:0;
    padding:0;
}
.half12Per {
    width:12%;
    float:left;
    margin:0;
    padding:0;
}
.half25Per {
    width:25%;
    float:left;
    margin:0;
    padding:0;
}
.half38Per {
    width:38%;
    float:left;
    margin:0;
    padding:0;
}
.half40Per {
    width:40%;
    float:left;
    margin:0;
    padding:0;
}
.half43Per {
    width:43%;
    float:left;
    margin:0;
    padding:0;
}.half46Per {
    width:46%;
    float:left;
    margin:0;
    padding:0;
}.half46pt5Per {
    width:46.5% !important;
    float:left;
    margin:0;
    padding:0;
}
.half54Per {
    width: 54%;
    float: left;
    margin: 0;
    padding: 0;
}
   
.half61Per{
    width:61%;
    float:left;
    margin:0;
    padding:0;
    
}
.row span {
    display:block;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    color:#999;
    margin:0px 0px 3px 0px;
    padding:0;
}
.row input[type="button"], input[type="submit"] {
	background-color:#DB363A;
	width:100px;
	padding:5px;
	border-radius:3px;
	color:#FFF;
	font-weight:bold;
	border:none;
}
.row input[type="text"] {
	/*color:#999;*/
	width:610px;
	height:30px;
	padding:0 5px;
	font-size:12px;
	border: 1px solid #CCC;
}
.row .half input[type="text"] {
	/*color:#999;*/
	width:290px;
	height:30px;
	padding:0 5px;
	font-size:12px;
	border: 1px solid #CCC;
}
.pssword {
	color:#999!important;
	width:290px!important;
	height:30px!important;
	padding:0 5px!important;
	font-size:12px!important;
	border: 1px solid #CCC!important;
}
.row input[type="image"] {
	height:30px;
    vertical-align:bottom;
}
.row .styledSelect {
    width:300px;
    height:25px;
    padding:0;
    font-size:12px;
    border: 1px solid #CCC;
    color:#999;
    overflow:hidden;
    background: white url('Images/select.png') no-repeat bottom right;
}
.row .styledSelect select {
    /*width:320px;*/
    width:300px;
    height:22px;
    font-size:12px;
    border: none;
    background-color:transparent;
    color:#999;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-shadow:none;
}
.row textarea {
	/*color:#999;*/
	width:610px;
	height:60px;
	padding:0 5px;
	font-size:12px;
	border: 1px solid #CCC;
}
.row .half textarea {
	/*color:#999;*/
	width:290px;
	height:70px;
	padding:0 5px;
	font-size:12px;
	border: 1px solid #CCC;
}
.row table {
    width:620px;
    margin:20px 0;
    font-size:10px;
    text-align:center;
}
.row table th {
    height:20px;
    border: 1px solid #DB363A;
    border-collapse:collapse;
    background-color:#DB363A;
    color:#FFF;
    text-align:center;
}
.row table th span {
    height:20px;
    border: 1px solid #DB363A;
    border-collapse:collapse;
    background-color:#DB363A;
    color:white;
    text-align:center;
}
.row table td {
    height:20px;
    border: 1px solid #CCC;
    border-collapse:collapse;
}
.row table td span {
    font-size:10px;
    text-align:center;
}
.row table tr:nth-child(even) {
    background-color:#EEE;
}
.row table tr:nth-child(odd) {
    background-color:#FFF;  
}
.row table tr:last-child {
    border-bottom:5px solid #DB363A;
}

/*-- Side Form Controls---*/
.sideform {
	width: 220px;
	padding:0;
	margin:0;
}
.sideform .row input[type="button"], input[type="submit"],input[type="button"] {
	background-color:#DB363A;
	/*width:80px;*/
   min-width:100px;
	width:auto;
    padding:5px;
	border-radius:3px;
	color:#FFF;
	font-weight:bold;
	border:none;
    cursor:pointer;
}
.sideform .row input[type="text"] {
	color:#999;
	width:200px;
	height:25px;
	padding:0 5px;
	font-size:12px;
	border: 1px solid #CCC;
}
.sideform .row .styledSelect {
    width:200px;
    height:25px;
    padding:0;
    font-size:12px;
    border: 1px solid #CCC;
    color:#999;
    overflow:hidden;
    background: white url('Images/select.png') no-repeat bottom right;
}
.sideform .row .styledSelect select {
    width:220px;
    height:22px;
    font-size:12px;
    border: none;
    background-color:transparent;
    color:#999;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-shadow:none;
}
.sideform .row textarea {
	color:#999;
	width:200px;
	height:60px;
	padding:0px 5px;
	font-size:12px;
	border: 1px solid #CCC;
}
.fkbx-text {
    color: #bbb;
    bottom: 0;
    font-size: 16px;
    left: 9px;
    margin-top: 1px;
    overflow: hidden;
    position: absolute;
    right: 9px;
    text-align: initial;
    text-overflow: ellipsis;
    top: 0;
    visibility: hidden;
    white-space: nowrap;
}
.navright .option{
	margin:20px 0;
	float:right;
}

.styledRadio {
    width:250px;
    height:20px;
    display:inline-block;
    padding-left:30px;
    background:url("../Images/opt.png") no-repeat left top;
    margin-left: 0px;
}
.styledRadio.checked{
    background:url("../Images/opted.png") no-repeat left top; 
}
.styledRadio span{
    margin-top:10px;
    font-size:14px;
}
.styledRadio input[type="radio"]{
    opacity:0;
    display:none;
}
.text {
    
    font-size: 28px;
    padding-left: -2px;
    text-decoration: none;
}

.round-button{
    width:5%;
}
.round-button-circle{
    width:100%;
    height:0;
    padding-bottom:100%;
    border-radius:50%;
    border:2px solid #cfdcec;
    overflow:hidden;
    background-color:#DB363A;
    box-shadow:0 0 3px white;
}
.round-button-circle:hover{
    background-color:#30588e;
}
.round-button a{
    display:block;
    float:left;
    width:100%;
    padding-top:50%;
    border-radius:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:#e2eaf3;
    font-family:Verdana;
    font-size:1.9em;
    font-weight:bold;
    text-decoration:none;
}

#headerbg .heading,.footerhead {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:30px; color:Black; padding-left:20px; font-weight:bold;}
.footerhead{font-size:11px;}
.headertxt,.formtxt{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:15px; color:Black;text-decoration:none; font-weight:bold; }
.formtxt{font-size:11px; font-weight:normal;text-align:left;}
.loginbdrbg {border:#d6d6d6; border-style:solid; border-width:1px; background:#fbfbfb;}
.clearblock {
	clear:both;
    float:left;
}
.noResize {
    max-width:290px;
    max-height:32px;
    resize:none;
}
.mandatory {
border:1px solid red !important;
}
.marginLft30Px {
margin-left:30px !important;}
.marginLft11Per {margin-left:11.5%;}
.marginLft32Per {
margin-left:32%;}
.marginBtm10Px {
    margin-bottom:10px;
}
.marginTop5Px {
    margin-top:5px;
}
.marginTop20Px {
    margin-top:20px;
}
.marginTop25Px {
    margin-top:25px;
}
.marginTop30Px {
    margin-top:30px;
}
.marginTop40Px {
    margin-top:40px;
}
.marginTop50Px {
    margin-top:50px;
}
.marginTop107Px {
    margin-top:107px;
}
.marginTop122Px {
    margin-top:122px;
}
.marginRht5Px {
    margin-right:5px;
}
.marginRht10Px {
    margin-right:10px;
}
.marginRht100Px {
    margin-right:140px;
}
.marginRht6Px {margin-right:6px !important;}
.marginTopN5Px {margin-top:-5px !important;}
.marginRht5Per {margin-right:5%;}
.marginRht8Per {margin-right:8% !important; }
.marginRht14Per {margin-right:14% !important; }
.marginRht29Per {margin-right:29.5%;}
.marginRht40Per {margin-right:0% !important;border:1px solid red;}
.width15Per {width:15%!important;}
.width16Per {width:16%!important;}
.width25Per {width:25%!important;}
.width44N6Per {width:44.6%!important;}
.width45Per {width:45%!important;}
.width95Per {width:95%!important;}
.width99N5Per {width:99.5%!important;}
.width100Per {width:100%!important;}
.width100px {width:100px !important;}
.width125px {width:125px !important;}
.width150px {width:150px !important;}
.width260px {width:260px !important;}
.width250px {width:250px !important;}
.width293px {width:293px !important;}
.width125Per {width:110% !important;}
.marginLft10px {
margin-left:10px!important;
}
.marginLft20px {
margin-left:20px !important;
}
.marginLft15px {
margin-left:15px;
}
.marginLft80px {margin-left:80px;}

.marginLft25Per {margin-left:28% !important;}

.fntSize12px {
font-size:12px;}

.alert {color:red !important;}
.msg {color:#4cf113 !important;font-weight:bold;}
.closeDiv{margin: -58px -57px 0px 0px; z-index:99999;float:right;width:35px;height:35px;cursor:pointer}
.alert_error {display: block;width: 95%;margin: 10px 3% 10px 0%;margin-top:15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #F3D9D9 url(Images/icn_alert_error.png) no-repeat;background-position: 10px 10px;border: 1px solid #D20009;color: #7B040F;padding: 5px 0;text-indent: 40px;font-size: 14px;line-height:24px;text-align:left;}
.alert_success {display: block;width: 95%;margin: 10px 3% 10px 0%;margin-top: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #E2F6C5 url(Images/icn_alert_success.png) no-repeat;background-position: 10px 10px;border: 1px solid #79C20D;color: #32510F;padding:5px 0;text-indent: 40px;font-size: 14px;text-align:left;}
  #mask {
	display: none; 
	background-color:black;
    filter: alpha(opacity=70);
    opacity: 0.6;
	position: fixed; 
	left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
}
  .loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
    opacity:0.6;
    background-color:black;
    filter: alpha(opacity=70);
	/*background: url('Images/coke-laodingbar.gif') 50% 50% no-repeat rgb(249,249,249);*/
    background: url('/Images/coke-laodingbar.gif') 50% 50% no-repeat rgb(0,0,0);
}


.fontZero {font-size:0px !important;}
.toprightHome {
	float:right;
	padding:10px;
	height:30px;
	text-align:right;
    /*position:absolute;
    right:6%;*/
    position:relative;
    right:0%;
   }
.userlable{
 font-weight:100!important;
    color:gray;}
.toprightHome img {
	border-left: 1px solid #CCC;
	vertical-align:middle;	
}

/*ToolTip Rana*/

#toolTip {
    background-color: #ffffff;
    border: 1px solid gray;
    width: 120px;
    height: 52px;
    margin-left: 32px;
    position:relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px -1px black;
    -moz-box-shadow: 0px 0px 8px -1px black;
    -webkit-box-shadow: 0px 0px 8px -1px black;
    display:none;
}

#toolTip p {
    padding-right:34px;
    line-height:25px;
    vertical-align:middle;
    cursor:pointer;
     margin: 0 0 0px;
}

#toolTip p:hover {
    color:white;
    background:#e72531;
    
}

#tailShadow {
    background-color: transparent;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 16px;
    left: -8px;
    z-index: -10;
    box-shadow: 0px 0px 8px 1px black;
    -moz-box-shadow: 0px 0px 8px 1px black;
    -webkit-box-shadow: 0px 0px 8px 1px black;
}

#tail1 {
    width: 0px;
    height: 0px;
    border: 7px solid;
    border-color: transparent transparent #73a7f0 transparent;
    position:absolute;
    top: -14px;
    left: 100px;
}

#tail2 {
    width: 0px;
    height: 0px;
    border: 7px solid;
    border-color: transparent  transparent #ffffff transparent;
    position:absolute;
    left: 100px;
    top: -14px;
}
.p {
  margin: 0 0 10px;
}
.scroll {
max-height:400px;
width:104%;
overflow-y:auto;

}
.cursor {cursor:pointer;}
.lblTms {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;

}
.lblTms2 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.lblTms3 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.lblTms4 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.lblTms5 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.lblTms6 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.lblTms7 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.lblTms7 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.lblTms8 {
    color:white;
    font-weight:bold;
    position:absolute;
    margin-top:15px;
    margin-left:10px;
    text-transform:uppercase;
}
.leftSideBar {  
  
}
.leftSideBar ul {
  float:left !important;
  margin-left:-25px;
  list-style-type: none;
 
}.leftSideBar ul li{
    width:auto;
   float:left !important;
   border-bottom:1px solid #cccbd1;
}
 .leftSideBar ul li input[type="Button"]{
     float:left !important;
    width:240px;
    height:30px;
  text-align:left;
    cursor:pointer !important;
    border:none!important;
    background-color:white;
    color:Black;
    font-weight:normal;
}
 .leftSideBar ul li input[type="Button"]:hover{
  width:240px;
  text-align:left;
    background-color:#db363a !important;
    color:white;
}
.activeLeftBar {
    width: 240px;
    text-align: left;
    background-color: #db363a !important;
    color: white!important;
}
.navright h1 {
text-transform:uppercase !important;
}
.mandatoryField {color:red;float:left;border:none;display:block;}
.buttonSave {
	background-color:#DB363A;
	/*width:80px;*/
   min-width:100px;
	width:auto;
    padding:5px !important;
	border-radius:3px;
	color:white !important;
	font-weight:bold;
	border:none;
    cursor:pointer;

    
    vertical-align:middle !important;
}
.radioboxlist radioboxlistStyle
{
font-size:x-large;
padding-right: 20px;
}
.radioboxlist tr td
{
border:none;
font-size:12px;
}

/*.radioboxlist label {
color: #3E3928;
background-color:#E8E5D4;
padding-left: 6px;
padding-right: 16px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #AAAAAA;
white-space: nowrap;
clear: left;
margin-right: 10px;
margin-left: 10px;
}
.radioboxlist label:hover
{
color: #CC3300;
background: #D1CFC2;
}
input:checked + label {
color: #CC3300;
background: #D1CFC2;
}*/