/* CSS Document */
/* simple two column layout */
* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0 auto;
	padding-bottom: 0;
        background: #a6d7ff url(/images/design/bkleadsBG.png) repeat top center;
	
}
html.details {
	background: #fff;
}
body
{
    	font-size: 85%;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 auto;
	padding: 0;
	width: auto;
        height: auto;
        background: transparent;

}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding: 3px 5px;
}

.clear{
	clear:both;
}

p {
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;	

}
h1
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.2em;
    color: #66130D;
}
h2
{ 
    padding: 8px 10px;
    font-size: 1.1em;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #384798;
    border: 1px solid #488DC6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 20px;
}

h3
{
    border: 1px solid #3c4ca4;
    padding: 10px;
    width: 98%;
    margin: -3px 1% 10px 1%;
    font-size: 14px;
    color: #f7f7f7;
    font-weight: normal;
    background-color: #2b3677;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-family: Verdana, Geneva, sans-serif;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.MultiPage
{
   border: #E2E2E2 1px solid !important;
   background-color: #fff;
   padding:5px  11px 11px 11px;
   -moz-box-shadow: 3px 3px 7px 0px rgba(184, 181, 181, 0.82);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(184, 181, 181, 0.82);
    box-shadow: 3px 3px 7px 0px rgba(184, 181, 181, 0.82);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 98%;
}

#wrap
{
    text-align:center;
    border: 1px solid #E2E2E2;
    width: 98%;
    padding: 10px;
    background-color: #fff;
    margin: 5px 0 5px 0;
    -moz-box-shadow: 3px 3px 7px 0px rgba(184, 181, 181, 0.82);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(184, 181, 181, 0.82);
    box-shadow: 3px 3px 7px 0px rgba(184, 181, 181, 0.82);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
    
.sexybutton
{
    
    display: inline-block;
    
    float: right;
   

	padding: 5px 10px;
	background: transparent url(/images/buttonActive.jpg) repeat-x center !important;
	color: #fff;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
	width: 140px;
	margin: 0 5px;

 
}.sexybutton:hover {
	color: #fff;
	cursor: pointer;
	background: transparent url(/images/buttonH.jpg) repeat-x !important;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
}.sexybutton:active {
	position:relative;
	top:1px;
}

#ErrorHeading
{
    border: 1px solid #488DC6;
    padding: 8px 10px;
    margin-left:200px;
    margin-right:200px;
    font-size: 1.1em;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FF3300;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-family: Arial, Helvetica, sans-serif;
    -moz-box-shadow: 2px 2px 9px 0px #777777;
    -webkit-box-shadow: 2px 2px 9px 0px #777777;
    box-shadow: 2px 2px 9px 0px #777777;
}
   
.norm
{
    font: normal 12px Verdana, Geneva, sans-serif;
    color: #363d68;
    text-align:left;
    background: transparent repeat top center !important;
    border: none;
} 
a.norm {
    background: transparent !important;
    text-decoration: none;
    color: #363d68;
} 
a.norm:hover {
    color: #384798;	
}
a.norm3 {
    background: transparent !important;
    text-decoration: none;
    color: #2fa6fe;
    font-size: 12px;
} 
a.norm3:hover {
    color: #0693fb;	
}

#Content1_btnSave {
	padding: 5px 10px;
	background: transparent url(/images/buttonActive.jpg) repeat-x center !important;
	color: #fff;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
	margin: 0 auto;
	float: right;

}
#Content1_btnSave:hover {
	color: #fff;
	cursor: pointer;
	background: transparent url(/images/buttonH.jpg) repeat-x !important;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
}
#Content1_btnChangeSecurityQuestions {
	padding: 5px 10px;
	background: transparent url(/images/buttonActive.jpg) repeat-x center !important;
	color: #fff;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
	margin: 0 auto;
	float: right;
}
#Content1_btnChangeSecurityQuestions:hover {
	color: #fff;
	cursor: pointer;
	background: transparent url(/images/buttonH.jpg) repeat-x !important;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
}
.sexybutton2 {
	padding: 5px 10px;
	background: #e1e1e1 !important;
	color: #2b3676;
	border: solid 1px #cbcbcb;
	width: 100%;
	margin: 0 auto;
	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;

}
.sexybutton2:hover {
	color: #182259;
	cursor: pointer;
	background: #e7e7e7 !important;
}
.sexybutton3 {
	padding: 5px 10px;
	background: transparent url(/images/buttonActive.jpg) repeat-x center !important;
	color: #fff;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
	width: 260px;
	margin: 0 auto;
}
.sexybutton3:hover {
	color: #fff;
	cursor: pointer;
	background: transparent url(/images/buttonH.jpg) repeat-x !important;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
}
.sexybutton3:disabled {
	color: #fff !important;
	cursor: pointer;
	background: #74c4ff repeat-x !important;
	border: solid 1px #50b3fc;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
}
.sexybutton4 {
	padding: 5px 10px;
	background: transparent url(/images/buttonActive.jpg) repeat-x center !important;
	color: #fff;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
	width: 150px;
	margin: 0 auto;
	height: 32px;
	overflow: hidden;
}
.sexybutton4:hover {
	color: #fff;
	cursor: pointer;
	background: transparent url(/images/buttonH.jpg) repeat-x !important;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
}
td.norm {
    background: transparent !important;
}
.norm2 td {
	text-align: right;
}
td.l {
	text-align: right;
	padding-right: 10px;
}
td.r {
	text-align: left;
	padding-left: 10px;
}
.detailForm {
	background: #fff;
}
#containerStep3 {
	width:1200px;
	margin:20px auto;
}
#logincontainer {
	width:500px;
	margin:20px auto;
}

#container {
	/*width:960px;*/
	width:96%;
	padding: 10px;
	margin:0 25px 30px 20px;
	background: url(/images/design/frameBG.png) repeat;
	border: #fff solid 1px;
	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
	font-family: Verdana, Geneva, sans-serif;
}

.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:after
{
    border: 1px solid #FFCC66;
    border-radius: 5px;
    bottom: 26px;
    color: #663300;
    content: attr(helpmessage);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 9000;
    width: 220px;
    background-color: #FFFFCC;
    text-align: left;
}

.tooltip:hover:before{
    border: solid;
    border-color: #FFCC66 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 8999;
}

/*#header {
	background: transparent;
	color:#fff;
	height:80px;
	padding:5px;
	margin: 0 2%;
}
#header .rightLinks {
	float: right;
	height: 30px;
	width: 34%;
	padding-top: 65px;
	color: #2a3c86;
}*/
#header {
	background: transparent;
	color:#fff;
	height:80px;
	margin: 0 2%;
	padding-bottom:10px;
}

#headerright {
	background: transparent;
	color:#fff;
	float:right;
	height:80px;
	margin: 0 2%;
}

#header .rightLinks {
	float: right;
	height: 30px;
	color: #2a3c86;
	padding-top:5px;
	clear:both;
}
#header .rightLinks p {
	color: #2a3c86;
}
#header .logoutBtn a {
	text-decoration: none;
	color: #2a3c86;
	font-size: 12px;
}
#header .logoutBtn a:hover {
	color: #465dcc;
}
#content {
	float:left;
	width:96%;
	text-align:center;
	margin: 0 1% 60px 1%;
	height:auto;
	/*background:#eee;*/
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
}

#sidebar {
	float:left;
	width:150px;
	text-align:center;
	height:auto;
	/*background:#eee;*/
	padding: 20px 5px 
}

#footer {
	clear:both;
	text-align:center;
	background: transparent;
	color:#fff;
	height:50px;
	padding:5px;
	margin-right: 5%;
}
#footer p {
	color: #41a9fd;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;

}
#footer a {
	text-decoration: none;
	color: #058fff;
}
#footer a:hover {
	color: #047fe2;
}
.infoWindow
{
    font-family: Verdana, Geneva, sans-serif;
    font-size:.9em;
}

.container {width:98%; }

fieldset
{
    text-align:center;
    padding:7px;
    border: 1px solid #3366CC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-family: Verdana, Geneva, sans-serif;
}

legend
{
    text-align: left;
    color: #3366CC;
    font-size: 1.0em;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
    font-size:0.8em;
    text-align:right;
font-family: Verdana, Geneva, sans-serif;
}
.signup-labelTable {
	width: 70%;
	margin: 1em 0 0 0;
    font-size: .9em;
    text-align: right;
    color: #000;
font-family: Verdana, Geneva, sans-serif;
}
.signup-label
{
    margin: 1em 0 0 0;
    font-size: .9em;
    text-align: right;
    color: #000;
font-family: Verdana, Geneva, sans-serif;

}   

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
    font-size:0.8em;
    text-align:left;
font-family: Verdana, Geneva, sans-serif;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/* styling the kendo panel bar see http://www.kendoui.com/forums/ui/panelbar/styling-a-panelbar.aspx */

ul.k-panelbar .k-group .k-link
{
         /* font-size, line-height and color styles for child items */  
         font-size: .8em
}

.k-panelbar .k-header
{
         font-size: .9em
}

/* Kendo skin - see http://demos.kendoui.com/themebuilder/web.html I jsut changed the background color of the selected item. */
.k-state-selected,
.k-link.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-focused,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover {
  color: #ffffff;
  background-color: #3c4ca3;
  border-color: #3c4ca3;
}
.k-slider-selection {
  background-color: #3c4ca3;
}

.k-tiles li.k-state-selected {
  border-color: #3c4ca3;
}

#navBar {
                background: transparent url(/images/navBar.gif) repeat-x;
                height: 76px;
                width: 98%;
                margin: 0 0 0 20px;
                border: #202866 solid 1px;
                border-radius:                  6px;
                -moz-border-radius:             6px;
                -webkit-border-radius:          6px;
}
td.navBarlayout
{
    padding: 0px !important;
}
#spacers {
	width: 100%;
	height: 21px;
}
#spacers .fButton {
	background: transparent url(/images/1click.png) repeat-x;
	width: 143px;
	height: 27px;
	margin-left: 7px;
	
}
#spacers .pButton {
	background: transparent url(/images/changePassword.png) repeat-x;
	width: 143px;
	height: 27px;
	margin-left: 7px;
}
#popupBG {
	background: #fff !important;
}
.RadMenu {
	position: relative;
	top: 4px !important;
}
#LoginButton {
	float: right;
}
#LoginButton {
	padding: 0px 2px;
	background: transparent repeat-x center !important;
	color: #fff;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;

	margin: 0 auto;
}
#LoginButton:hover {
	color: #fff;
	cursor: pointer;
	background: transparent repeat-x !important;
	border: solid 1px #202866;
	border-radius:                  6px;
        -moz-border-radius:             6px;
        -webkit-border-radius:          6px;
}

/* timeout css from telerik demo */
.clockSession
{
     width: 409px;
     height: 174px;
     background: url(images/clockSession.jpg) no-repeat;
}

.contSession
{
     width: 270px;
     float: right;
     text-align: center;
     margin: 20px 20px 0 0 ;
}

.sessionExpire
{
     color: #3366ff;
     padding-top: 30px;
}

.showNotification
{
     padding-top: 15px;
     color: #666;
}

.timeRemain
{
     padding-top: 5px; 
     color: #000;
}

.timeSeconds
{
     font-size: 30px;
     padding-right: 5px;
}

/*.infoIcon, .notificationContent
{
     display: inline-block;
    zoom: 1;
     *display: inline;
}*/

.infoIcon
{
     width: 100px;
     height: 32px;
     margin: 0 10px ;
     vertical-align: top;
}

.notificationContent
{
     width: 350px;
     vertical-align: bottom;
}