﻿body {
margin:0px;
background: #F3F3F3;
}

.container {
width: 1306px;
max-width: 1306px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
}
.tophead {
background-color:#24305A; height:95px;
}
.maincontent {
background:#F3F3F3;
}

.menu_left {
width: 100%;
padding: 0px;
color:#ffffff;
/*background:#2A3139;*/
}

.content_right {
width: 100%;
float:left;
padding-left:30px;
padding-right:30px;
background: #F3F3F3;
}

.header_title {
    font-family:'HelveticaNeue MediumCond';
    font-size:15pt;
    color:#1e2c59;
    height:52px;
    padding-top:20px;
}

.header_titleM {
    border:1px solid;
    font-family:'HelveticaNeue MediumCond';
    font-size:13pt;
    color:#ffffff;
    height:45px;
    padding-top:10px;
    background:#2A3139;
}

.header_titleMW {
    border:1px solid;
    font-family:'HelveticaNeue MediumCond';
    font-size:13pt;
    color:#000000;
    height:45px;
    padding-top:10px;
    background:#F3F3F3;
}

.dropdown {
display: block;

height: 39px;
padding: 4px 4px;
font-size: 14px;
line-height: 5;
color: #555555;
vertical-align: middle;
background-color: #F0F0F0;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: 1px 1px 1px #888888;
}

.textbox {
display: block;

height: 39px;
padding: 4px 4px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #F0F0F0;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: 1px 1px 1px #888888;
}

.textboxDateF {
width:75%;
height: 39px;
padding: 2px 2px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #F0F0F0;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: 1px 1px 1px #888888;
}

.textboxDateT {
width:75%;
height: 39px;
padding: 2px 2px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #F0F0F0;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: 1px 1px 1px #888888;
}

.textboxDateD {
width:75%;
height: 39px;
padding: 2px 2px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #F0F0F0;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
box-shadow: 1px 1px 1px #888888;
}


.grad1 {
height: 65px;
background:#2A3139;
padding: 15px 25px 15px 40px;
position: relative;
border-bottom:1px solid;
overflow:hidden;
}

.grad2 {
height: 75px;
background:#2A3139;
border-bottom:1px solid;
padding: 10px 25px 15px 40px;
position: relative;
overflow:hidden;
}


.grad11 {
height: 65px;
background: -webkit-linear-gradient(grey, black);
background: -o-linear-gradient(grey, black);
background: -moz-linear-gradient(grey, black);
background: linear-gradient(grey, black);
padding: 15px 25px 0px 40px;
position: relative;
}

.grad21 {
height: 75px;
background: -webkit-linear-gradient(grey, black);
background: -o-linear-gradient(grey, black);
background: -moz-linear-gradient(grey, black);
background: linear-gradient(grey, black);
padding: 10px 25px 0px 40px;
position: relative;
}

.Menu_Icon {
width: 25px;
/* float: left; */
text-align: left;
padding: 10px 0px 10px 0px;
position: absolute;
top: 15px;
left: 10px;
}

.Menu_Content {
text-align: left;
float: left;
padding: 10px 5px 10px 5px;
font-size: 12pt;
font-family: Arial;
color: white;
line-height: 16px;
}

.Menu_Arrow {
width: 25px;
position: absolute;
text-align: right;
padding: 10px 0px 10px 0px;
top: 15px;
right: 10px;
}

.texttitle {
    padding:10px;
}

.clearboth {
    clear:both;
}

.gridwrap {
    word-break:break-all;word-wrap:break-word; width:100px; text-wrap:normal;
}

.RowStyle {
  height: 50px;
}
.AlternateRowStyle {
  height: 50px;
}

.topmenu {
padding-top:10px; 
padding-left:10px;
}

.topmenur {
padding-top:20px; 
padding-right:40px;
text-align:right;
line-height:30px;
color:white;
font-family:'HelveticaNeue MediumCond';
font-size:15pt;
}

.topmenuc {
padding-top:30px; 
padding-right:20px;
text-align:center;
color:white;
font-family:'HelveticaNeue MediumCond';
font-size:20pt;
}

.surveycontentl {
    color:black;
    border:1px solid;
    font-size:13pt;
    padding:10px;
    font-family:'HelveticaNeue MediumCond';
}

.surveycontentr {
    color:black;
    border:1px solid;
    font-size:13pt;
    padding:10px;
    font-family:'HelveticaNeue MediumCond';
    text-align:right;
}

.surveycontentc {
    color:black;
    border:1px solid;
    font-size:13pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:center;
    background-color:azure;
}

.surveycontentcc {
    color:black;
    border:1px solid;
    font-size:13pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:center;
    background-color:azure;
    height:60px;
}

.tablecontentcc {
    color:black;
    border:1px solid;
    font-size:13pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:center;
    background-color:ButtonFace;
    }

.tablecontentcom {
    color:black;
    border:1px solid;
    font-size:13pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:center;
    background-color:antiquewhite;
    }

.tablecontentl {
    color:black;
    border:1px solid;
    font-size:13pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:left;
    background-color:ButtonFace;
    }

.Logincontent {
    color:black;
    font-size:15pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:center;
 }

.LogincontentR {
    color:black;
    font-size:15pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:right;
    padding:15px;
 }

.LogincontentL {
    color:black;
    padding-left:10px;
    font-size:15pt;
    padding:5px;
    font-family:'HelveticaNeue MediumCond';
    text-align:left;
 }

/*** Start Shrinking ***/

@media (min-width: 1367px)
{
.container {
width: 1306px;
max-width: 1306px;
}
/*End of*/}/*1367px*/

@media (min-width: 1331px) and (max-width: 1366px)
{
.container {
width: 1306px;
max-width: 1306px;
}
/*End of*/}/*1366px*/

@media (min-width: 1201px) and (max-width: 1330px)
{
.container {
width: 1170px;
max-width: 1170px;
}
/*End of*/}/*1366px*/

@media (min-width: 1025px) and (max-width: 1200px)
{
.container {
width: 970px;
max-width: 970px;
}
/*End of*/}/*1025px*/

@media (min-width: 992px) and (max-width: 1024px)
{
.container {
width: 970px;
max-width: 970px;
}

/*End of*/}/*992px*/

@media (min-width: 768px) and (max-width: 991px)
{
.container {
width: 750px;
max-width: 750px;
}
.tophead {
height:auto;
}
/*End of*/}/*768px*/

@media (max-width: 767px)
{
.container {
width: 100%;
max-width: 100%;
padding:0px;
}

.tophead {
height:auto;
}
.topmenu {
width: 125px;
}
.topmenu img {
width: 100%;
}
.topmenuc {
padding-top: 5px;
padding-left: 10px;
font-size: 10pt;
text-align:left;
}
.topmenur {
padding-top: 5px;
padding-right:10px;
font-size: 8pt;
}
.col-md-12.tablemob .col-md-6 {
width: 50%;
float: left;
}
.col-md-12.tablemob .col-md-3 {
width: 25%;
float: left;
}
.surveycontentr {
font-size: 8pt;
padding: 5px;
font-family:Verdana;
text-align: left;
}
.surveycontentl {
font-size: 8pt;
padding: 5px;
font-family:Verdana;
}
.surveycontentc {
font-size: 7pt;
padding: 3px;
font-family:Verdana;
}
.surveycontentcc {
font-size: 7pt;
padding: 3px;
font-family:Verdana;

}
.content_right {
padding-left: 0px;
padding-right: 0px;
}
/*End of*/}/*767px*/

@media (max-width: 480px)
{

/*End of*/}/*480px*/

@media (max-width: 320px)
{

/*End of*/}/*320px*/





           /*Basic reset*/
* {margin: 0; padding: 0;}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

#accordian {
	
	width: 100%;
	margin: 0px;
	color: white;
    padding:0px;
}
/*heading styles*/
#accordian h3 {
	font-size: 11px;
    font-weight:bold;
	line-height: 55px;
	padding: 0 10px;
	cursor: pointer;
    margin-top:0px;
    margin-bottom:0px;
    font-family:Arial;
	/*fallback for browsers not supporting gradients*/
	background: #24305A; 
	
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian ul li {
	border:1px #000002;
}

#accordian ul ul li {
	border:1px #000002;
}

#accordian li {
	list-style-type: none;
    background:#2A3139;
}
/*links*/
#accordian ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 10px;
    font-weight:bold;
	line-height: 30px;
	display: block;
	padding: 5px 10px 5px 10px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #cc0000;
	
    border-radius: 0px 100px 100px 0px;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}



.border_radius_menu {
    background: #cc0000;
    border-radius: 0px 135px 135px 0px;
    
    margin-right: 0PX;
    Z-INDEX: 100;
    position: relative;
}