@import url('//fonts.googleapis.com/css?family=Raleway:900,700,600');
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');
body,html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; background-color:#fff; font-family: 'Open Sans', sans-serif; }
ol, ul {	list-style: none;}

h1,
h2,
h3,
h4, 
h5, 
#header .info,
.nav-item a,
#carousel .title,
#carousel .strapline,f
#udform button,
#reqform button,
#carousel2 .slide .strapline h1 {font-family: 'Raleway', sans-serif;}

.alertnumber {position:absolute; right:20%; bottom:28px; background-color:red; border:2px solid #ffffff; color:#ffffff; 
 border-radius:50%; width:35px; height:35px;  font-size:1.6em; font-weight:bold; line-height:130%}

.alertnew {position:absolute; right:20%; bottom:28px; letter-spacing:-2px; background-color:red; border:2px solid #ffffff; color:#ffffff; 
 border-radius:8px; width:68px; height:35px;  font-size:1.6em; font-weight:bold; line-height:135%}


#welc_questions {width: 100%;    min-height: 100%;    position: fixed;    top: 0;   bottom:0; left: 0; right:0px; z-index: 9999999;      background-color:rgba(0, 57, 135,0.9);}
#welc_questions .inner {font-family: 'Raleway', sans-serif; text-align:center; position:relative;width:460px;font-size:2.3em; height:auto; margin: 240px auto 0px; padding:40px 20px 0px 20px;background-color:#ffffff; color:#003987;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);border-radius:30px;}
#welc_questions .clues {display:none;}
#welc_questions .cluewhy {display:none;}
#welc_questions img {margin-top:10px;}

#welc_questions .numbers {float:left; font-size:0.8em; font-family:arial; line-height:130%; margin:20px 8px 0 0;background:#333333; color:#ffffff; border-radius:50%; width:38px; height:38px; cursor:pointer}
#welc_questions .numbers:nth-of-type(11) {float:left; font-size:0.8em; font-family:arial; line-height:130%; margin:20px 0px 0 0; letter-spacing:-2px; text-indent:-5px;color:#ffffff; border-radius:50%; width:38px; height:38px; cursor:pointer}
#welc_questions .cluewhy textarea{background:#dddddd; font-size:14pt; border-radius:10px; border:0; width:400px; padding:20px;height:120px; margin:20px 0 0 0}


.expcomment{display:none;}

.thumbwrap {	position:relative;}
.thumbwrap img { 	height:60px; width:auto;}
.thumbwrap span { background:#cccccc;	position:absolute;	visibility:hidden; width:400px;}
.thumbwrap:hover span { 	visibility:visible;	top:60px; left:-20px; 	z-index:1;}
.thumbwrap span img { 	width:97% !important; height:auto !important}

h1 { font-size:2.0em; margin:5px 0 15px 0;color:#013988;  letter-spacing:-2px; font-weight:600; text-align:left}
h2 { font-size:1.55em; margin:20px 0 0 0;color:#4D99D6; letter-spacing:-1px; font-weight:600}
h3 { font-weight:400; font-size:1.1em; margin:10px 0 0 0 ; color:#013988; letter-spacing:-1px; }
h4 { font-weight:400; font-size:1.2em; margin:10px 0 0 0 ; color:#333; letter-spacing:-1px; }
h5 { font-weight:600; font-size:1.0em; margin:10px 0 0 0 ; color:#333; letter-spacing:-1px; }

hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:50px 0 20px 0}
.spacer {padding-top:24px;}
p{ color:#333; font-size:1.1em; margin:12px 0 0px 0;  letter-spacing:-1px; }

#profileform li{ color:#333; font-size:1.1em; letter-spacing:-1px; margin-left:18px;padding-left:5px}

p.date {font-family: 'Raleway', sans-serif;margin:0px 0 30px;color:#4D99D6 !important;}

p.evidence {clear:both; margin:30px 0 0 0;font-family: 'Raleway', sans-serif; font-size:1.8em; font-style:italic; text-align:center}
p.evidenceby  {text-align:center; font-family: 'Raleway', sans-serif;color:#4D99D6 !important; }

a:hover {text-decoration:none !important;}


strong {font-weight:600}
.left {float:left}
.right {float:right; }
.half { width:100%; height:auto; }
.dblue {color:#013988; }
.lblue {color:#4D99D6; }

.clear {clear:both; }


/******* QM TABLES ********/
table.qm th {
    background-color: #4D99D6;;
    color: white; padding: 8px; text-align: left;
	font-size:0.9em;
}
table.qm td {
    color:#333;
	padding: 6px 8px;
    text-align: left;
}
table.qm th, table.qm td {
    border-bottom: 1px solid #ddd;
}
table.qm tr:hover {background-color: #f5f5f5 !important ;}

table.qm tr:nth-child(even) {background-color: #f2f2f2 !important;}
table.qm td{color: #000000;/*background-color: #ffffff;*/margin: 0px; font-size:0.9em}
/******* QM TABLES *******/


#showfeedback {display:none; width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0; z-index: 999999;      background-color:rgba(11,44,75,0.8);}
#feedbackmsg {position:relative;width:360px; height:auto; margin: 220px auto 0px; padding:20px 20px 50px 20px;background-color:#ffffff;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2); border-radius:8px;}
#feedbackmsg a.close{ cursor:pointer; display:block; position:absolute; bottom:10px; right:10px;background-color:#013988; color:#ffffff; width:40px; height:30px; font-weight:600; font-size:1.2em;text-align:center; line-height:30px;text-decoration:none; border-radius:4px; font-family: 'Raleway', sans-serif;}


a.toggle, a.toggle2 , a.toggleSA {float:right;cursor:pointer;margin:0 0 0 10px; padding:3px 10px;background-color:#4D99D6; color: #ffffff !important; display:inline-block; border-radius:8px; font-size:0.8em}
a.toggle:hover, a.toggle2:hover , a.toggleSA:hover {background-color:#013988; }

a.toggle3 {position:absolute;top:0;right:0px;cursor:pointer;margin:0 0 0 10px; padding:0px 6px;background-color:#ffffff; color: #333333 !important; display:inline-block; border-radius:8px; font-size:1.3em}
a.toggle3:hover {background-color:#cccccc; }


a.toggleform {clear:both;font-family: 'Raleway', sans-serif;float:right;cursor:pointer;margin:20px 0 0 10px; padding:3px 10px;background-color:#4D99D6; color: #ffffff !important; display:inline-block; border-radius:8px; font-size:1.2em}
a.toggleform:hover {background-color:#013988; }


a.toggle.green {background-color:green;}
a.toggle.amber {background-color:amber;}
a.toggle.red {background-color:red;}

.holder {margin:0px auto; max-width:960px;  }
.holder {margin:0px auto; max-width:1140px;  }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

.fullholder {width:100%;}
.fullholder .holder {margin:0px auto 0;}

#loggedin { width:100%; background-color:#003987; height:32px; z-index:99999; position: fixed; color:#fff; padding:7px 0 2px; font-size:1.1em; font-family: 'Raleway', sans-serif;}
#loggedin .date{float:left; }
#loggedin .who{ float:right;}
#loggedin .out{ float:right;}
#loggedin .out img{ margin: -8px -4px 0 6px; float:right;}
#loggedin a{ color:#fff; text-decoration:none }
#loggedin a:hover{ color:#fff; text-decoration:underline }

/*LOGIN*/
#firstlogin, #fpassword  { float:right;  text-align:right; padding:0px;margin:0px 0px 0px;   width:500px; }
#fpassword {display:none; }
.loginlinkholder {width:60px;float:right; padding:0px; margin:1px 0 0 0px;}
.loginlinkholder a {color:#999; font-size:1em}
#firstlogin fieldset, #fpassword fieldset {margin:0px; padding:0px;}
#firstlogin input , #fpassword input{ border:0px; margin:1px 0 0 10px; width:130px; height:23px; padding: 0% 5px; font-family: 'Open Sans', sans-serif;font-size:0.8em;}
#firstlogin input.gobtn{background-color: rgba(255, 255, 255, 0.8); color:#010042;  width:32px; margin:0px 0 0 10px !important;font-family: 'Raleway', sans-serif; height:23px }
#fpassword input.gobtn{background-color: rgba(255, 255, 255, 0.8);  color:#010042;  width:48px; margin:0px 0 0 10px !important;font-family: 'Raleway', sans-serif; height:23px }

#fpsent, #fpfail {display:none;float:right; width:300px; height:37px; background-color: rgba(255, 255, 255, 0.3); color:green;margin:10px 0px 20px; padding:5px;}
#fpsent p, #fpfail p {float:right; margin: 0px 15px 5px 15px;  color:green;}
#fpsent p a, #fpfail p a {color:#eeeeee !important}
/*LOGIN*/




#header { width:100%; background-color:#fff; background-color:rgba(255,255,255,1); top:40px; height:80px;  z-index:99999; position: fixed; box-shadow: 0 4px 5px -5px gray;}
#header .logo { float:left; width:15%; margin-right:0;height:auto;margin-top:14px; position:relative; z-index:999; }
#header .logo span {display:none}
#header .logo img{ width:100%}
#header .info {float:right; width:55%; text-align:right; height:15px; color:#013988; font-weight:700; font-size:1.6em; line-height:1.3em; margin:6px 0 0 0; position:relative; z-index:999;}
#header .info a{ text-decoration:none}

#bc {float:left;clear:both;background-color:#f7f7f7; width:100%; height:auto; margin:-30px 0 20px}
#breadcrumb.holder {padding:8px 0px 8px !important;  font-size:1em; color:#013988; border-box:box-sizing; }
#breadcrumb a{color:#013988; text-decoration:none}
#breadcrumb a:hover{color:#013988; text-decoration:underline}


#welcome {font-family: 'Raleway', sans-serif;float:left; width:100%; margin:0px 0 30px;height:230px;  color:#ffffff; text-align:center; background: #fff url(images/main-image-bg.jpg) no-repeat center 36px; background-attachment:fixed; }
#welcome .holder {position:relative; z-index:9999;margin:0px auto; max-width:960px; 	display: block;  }
#welcome .title {color: #003987;float:right; width:100%; padding:150px 0px 0px 0px;margin:0px auto 0px auto ;  font-size:3em; font-weight:900; line-height:1em;  letter-spacing:-1px; text-align:center; }
#welcome .strapline{color: #4D99D6; text-shadow: -2px 2px 8px #fff, 2px -2px 8px #fff;float:right; width:100%; padding:10px 0px;margin:10px auto 20px auto ; font-size:2.5em; font-weight:700;text-align:left; letter-spacing:-1px; text-align:center ; }

#banner {font-family: 'Raleway', sans-serif;float:left; width:100%; margin:0px 0 30px;height:200px;  color:#ffffff; text-align:center; background: #fff url(images/appraisal-image-bg.jpg) no-repeat center -16px; background-size:cover}
#banner2 {font-family: 'Raleway', sans-serif;float:left; width:100%; margin:0px 0 30px;height:200px;  color:#ffffff; text-align:center; background: #fff url(images/attendance-image-bg.jpg) no-repeat center -16px; background-size:cover}
#banner3 {font-family: 'Raleway', sans-serif;float:left; width:100%; margin:0px 0 30px;height:200px;  color:#ffffff; text-align:center; background: #fff url(images/expenses-image-bg.jpg) no-repeat center -16px; background-size:cover}
#banner4 {font-family: 'Raleway', sans-serif;float:left; width:100%; margin:0px 0 30px;height:200px;  color:#ffffff; text-align:center; background: #fff url(images/filestore-image-bg.jpg) no-repeat center -16px; background-size:cover}
#banner5 {font-family: 'Raleway', sans-serif;float:left; width:100%; margin:0px 0 30px;height:200px;  color:#ffffff; text-align:center; background: #fff url(images/training-image-bg.jpg) no-repeat center -16px; background-size:cover}
#banner6 {font-family: 'Raleway', sans-serif;float:left; width:100%; margin:0px 0 30px;height:200px;  color:#ffffff; text-align:center; background: #fff url(images/swagepage-image-bg.jpg) no-repeat center -16px; background-size:cover}


.blog {text-align:left !important; } 
.box1, .box2 {float:left; width:31%; margin-right:3.5%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box2 {margin-right:0%;}
.box1 img, .box2 img,.box3 img, .box4 img{width:100%; }



.boxq1, .boxq2 {float:left; width:25%; margin-right:0%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 position:relative; }
.boxq2 {margin-right:0%;}
.boxq1 img, .boxq2 img{width:100%; }


.nbox1 {clear:left; float:left; width:31%; margin-right:3.5%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.nbox2 {float:left; width:31%; margin-right:3.5%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.nbox3 {float:left; width:31%; margin-right:0%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.nbox1 img, .nbox2 img,.nbox3 img{width:100%; }



#options {background-color: #eee; padding-top:30px; }
#options.white,
#options2.white  {background-color: #fff; padding-top:0px; }
#options .box1, #options .box2{	position:relative; border:0px;  margin-top:0px; padding:0px; text-align:center !important;  }
#options2 .box1, #options2 .box2{cursor:pointer;	position:relative; border:0px;  margin-top:0px; padding:0px; text-align:center !important; width:20%; margin-right:0%; }
#options .hex,
#options2 .hex{	border:0px;  margin:0px; padding:0px;background:url(images/circle-bg.png) no-repeat center center; background-size:contain; text-align:center }
#options .hex img{display:inline-block; width:40%; width:32%; margin:30px auto}
#options2 .hex img{display:inline-block; width:60%; margin:15px auto; padding-top:5px;}
#options .box1:hover h2, #options .box2:hover h2,
#options2 .box1:hover h2, #options2 .box2:hover h2{    color:#4D99D6; }
#options h2 {color:#013988;margin:0 0 0 0; padding:5px 0px 0; font-weight:600; font-size:1.35em; text-align:center !important; line-height:100%; 				min-height: 50px;			}
#options2 h2{color:#013988;margin:0 0 0 0; padding:5px 0px 0; font-weight:600; font-size:1.1em; text-align:center !important; line-height:100%}
#options p{margin:0 0 0 0; padding:10px 00px 10px; font-weight:normal;  color:#333; }
#options .box1:hover .hex, #options .box2:hover .hex,
#options2 .box1:hover .hex, #options2 .box2:hover .hex{  border:0px;  margin:0px; padding:0px;background:url(images/circle-bg2.png) no-repeat center center; background-size:contain;}
#options.white .box1 .hex, #options.white .box2 .hex,
#options2.white .box1 .hex, #options2.white .box2 .hex{  border:0px;  margin:0px; padding:0px;background:url(images/circle-bg2.png) no-repeat center center; background-size:contain;}
#options2.white input[type="radio"] {  display:none   }
 

.reasons, .testimonials{	position:relative; border:1px solid #D6D6D6; background-color:#F7F7F7;  margin:0 0 30px 0 ; padding:6px 15px 15px 15px;  -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; height:150px; }
.reasons h2, .testimonials h2{ text-align:center !important; margin:0; padding:0 0 0px 0; line-height:110%}
.reasons p, .testimonials p{float:right; text-align:center; width:auto;font-size:0.8em ; padding-left:90px}
.reasons .number {position:absolute; left:0px; bottom:0px; width:87px; height:92px; z-index:999;}

#newsholder {clear:both; width:100%;   color:#000; background: #ffffff;padding:30px 0;}
#newsholder .box1, #newsholder .box2 {margin-bottom:0%; padding:0 0px;}
#newsholder h2 {font-size:2.2em; margin: 0 0 30px 0;color:#4D99D6;  letter-spacing:-1px; font-weight:600; text-align:center}
#newsholder h3 {letter-spacing:-1px; color:#013988; font-weight:600; font-size:1.4em; margin:15px 0 0 0; text-align:center}
#newsholder p{margin:0 0 0 0; padding:10px 00px 10px; font-weight:normal; color:#333; text-align:center}
#newsholder .holder { font-weight:normal; margin:0px auto 0px; padding:5px 0}
#newsholder .box1:hover h3, #newsholder .box2:hover h3{    color:#4D99D6}
#newsholder .box1:hover button, #newsholder .box2:hover button{    background-color:#013988}
#newsholder .box1 h3, #newsholder .box2 h3{ padding:0px 0px 0; font-weight:600}
#newsholder button {font-family: 'Raleway', sans-serif; clear:both; display:inline-block; text-align:center; background-color:#4D99D6;color:#ffffff;  width:70%; margin:10px 15%;  border:0px; padding: 3% ; font-size:1.0em;border-radius:5px; box-sizing:border-box}
#newsholder a {text-decoration:none; }

#newsholder a.newbtn button
{    border:2px solid #4D99D6;; background-color:#ffffff; color:#013988; font-size: 1.2em; width: 50%; margin: 10px 25%;   padding:2%;  border-radius: 8px;}


 a.newbtn2 button{    border:2px solid #4D99D6;; background-color:#ffffff; color:#013988; width:100%;font-size: 1.2em; font-family: 'Raleway', sans-serif;  margin: 10px 0%;   padding:3%;  border-radius: 8px;}


/* PLACEMAT */
/*.placemat  {cursor:pointer; float:left; width:25%;  margin-bottom:4%;  background-color:#eee; border:1px solid #ccc; border-right:0px; padding:15px 20px 18px; box-sizing:border-box}*/

.placemat  {cursor:pointer; float:left; width:100%;  margin-bottom:1%;  background-color:#fff; border:0px solid #ccc; border-right:0px; padding:0px 10px 0px; box-sizing:border-box}

/*.placemat:hover {background-color:#ccc; border:1px solid #ccc; border-right:0px;  box-sizing:border-box}*/

.placemat h2 {color:#013988;}

.placemat h3 {color:#4D99D6;}
.placemat h3 {position:relative; }
.placemat p {color:#333333 !important;}
/*
.placemat:nth-of-type(1) {    background-color: #1AAF54 !important; }
.placemat:nth-of-type(2) {    background-color: #ff0000 !important; }
.placemat:nth-of-type(3) {    background-color: #3686AA !important; }
.placemat:nth-of-type(4) {    background-color: #FDBF2D !important; }
*/
/* CHOSEN RATING */
.chosenrating  {cursor:pointer;width:25%; display:table-cell; margin-bottom:4%;  background-color:#eee; border:1px solid #fff; border-right:0px; padding:15px 20px 18px; box-sizing:border-box}
.chosenrating:hover {background-color:#ccc; border:1px solid #ccc; border-right:0px;  box-sizing:border-box}

.chosenrating h2 {color:#ffffff; font-size:1.25em;}
.chosenrating h3 {color:#ffffff; font-size:1.2em;}
.chosenrating p {color:#ffffff !important;}
.chosenrating hr{margin: 20px 0 20px 0; border-color:#ffffff;}

.chosenrating:nth-of-type(1) {    background-color: #ED513B !important; }
.chosenrating:nth-of-type(2) {    background-color: #FF8913 !important; }
.chosenrating:nth-of-type(3) {    background-color: #FFBB00 !important; }
.chosenrating:nth-of-type(4) {    background-color: #91AF46 !important; }


/* RATING */
.ratingbox  {cursor:pointer; float:left; float:left;width:25%; height:160px; box-sizing:border-box; border:1px solid #ccc; border-right:0px;  padding:15px 18px 18px; }
.ratingbox:hover {background-color:#eee; box-sizing:border-box}
.ratingbox:nth-of-type(4n+0), .ratingbox:nth-of-type(24) {   border-right:1px solid #ccc;  }
.ratingbox:nth-of-type(1n+5) {   border-top:0 }

.ratingbox2  {cursor:pointer; float:left; float:left;width:25%; height:160px; box-sizing:border-box; border:1px solid #ccc; border-right:0px;  padding:15px 18px 18px; }
.ratingbox2:hover {background-color:#eee; box-sizing:border-box}
.ratingbox2:nth-of-type(4n+0), .ratingbox2:nth-of-type(24) {   border-right:1px solid #ccc;  }
.ratingbox2:nth-of-type(1n+5) {   border-top:0 }



/*
.ratingbox  {cursor:pointer; float:left; float:left;width:20%; height:230px; box-sizing:border-box; border:1px solid #ccc; border-right:0px;  padding:15px 18px 18px; }
.ratingbox:hover {background-color:#eee; box-sizing:border-box}
.ratingbox:nth-of-type(5n+0), .ratingbox:nth-of-type(24) {   border-right:1px solid #ccc;  }
.ratingbox:nth-of-type(1n+6) {   border-top:0 }

.ratingbox2  {cursor:pointer; float:left; float:left;width:20%; height:230px; box-sizing:border-box; border:1px solid #ccc; border-right:0px;  padding:15px 18px 18px; }
.ratingbox2:hover {background-color:#eee; box-sizing:border-box}
.ratingbox2:nth-of-type(5n+0), .ratingbox2:nth-of-type(24) {   border-right:1px solid #ccc;  }
.ratingbox2:nth-of-type(1n+6) {   border-top:0 }
*/

.halflisting4 { cursor:pointer;float:left; text-align:left; padding:0px 0px 0px 0; text-indent:8px; border-bottom:1px solid #fff;width:100%; 
margin-left:00px; font-size:0.9em;background-color:#eee;color:#000000}
.halflisting4:nth-of-type(2n+0) {background-color:#ddd}

.ratingextras { display:none; }


/* EVENTS HP */
.elisting {}
a.elisting {text-decoration:none !important;}
.elisting img {clear:both;width:100%; float:left; margin:15px 0 15px 0; }
a.elisting button{float:right; font-family: 'Raleway', sans-serif; background-color:#4D99D6; font-weight:600; color:#ffffff;   border:0px;  border-radius:5px; margin:15px 0 30px 0; padding:6px 15px}
/* EVENTS HP */


/* CALENDAR HP */
#singleaday {display:none}
#twodates {display:none}
#daywithhours {display:none}
/* CALENDAR HP */

#strategiesholder  {font-family: 'Raleway', sans-serif; 
float:left; width:100%; margin:0px 0 0px;height:320px;  letter-spacing:-1px; text-align:center; 
background: -moz-linear-gradient(top, #4d99d6 0%, #013988 100%); 
background: -webkit-linear-gradient(top, #4d99d6 0%,#013988 100%);
background: linear-gradient(to bottom, #4d99d6 0%,#013988 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d99d6', endColorstr='#013988',GradientType=0 ); 
 }
#strategiesholder .circle {  background:#ffffff;width:200px; height:200px; margin:60px 40px 60px 0; float:left; border-radius:50%  }
#strategiesholder .type { text-align:left; color: #ffffff;float:left; width:74%; padding:0px 0px 0px 0px;margin:56px auto 0;  font-size:3.0em; font-weight:700; line-height:1em;   }
#strategiesholder .typeb {font-style:italic; text-align:left; color: rgba(255,255,255,0.7);float:left; width:74%; padding:0px 0px 0px 0px;margin:0px auto 5px;  font-size:3.0em; font-weight:700; line-height:1em;   }
#strategiesholder .info{ text-align:left; color: #ffffff; float:left; width:74%; padding:10px 0px;		margin: auto; font-size:1.5em; font-weight:400;line-height:1.1em;   }
#strategiesholder .infog{ text-align:left; color: #ffffff; float:left; width:74%; padding:10px 0px;		margin: auto; font-size:1.5em; font-weight:400;line-height:1.2em;   }

#prev, #next {cursor:pointer; display:block; background-color:transparent; padding: 10px; margin:0px; color:#ffffff; position:absolute;z-index:999; font-size:2em; font-weight:900}
#prev{float:left; left:-100px; top:125px;}
#next {float:right;  right:-100px; top:125px;}



#prevt, #nextt {cursor:pointer; display:block; background-color:transparent; padding: 10px; margin:0px; color:#ffffff; margin-top:-265px; position:relative;z-index:999; font-size:2em; font-weight:900}
#prevt{float:left;margin-left:-100px }
#nextt {float:right; margin-right:-100px}

blockquote { color:#666; font-size:1.8em;font-family: 'Raleway', sans-serif; text-align:center;margin: 0 0;padding: 70px 70px;line-height: 1.2em;position: relative;z-index:1;}
blockquote:before {display: block;padding-left: 10px;content: "\201C";font-size: 480px;position: absolute;left: -20px;top: 210px;color: rgba(255,255,255,0.7);z-index:-1;}
blockquote:after {display: block;padding-left: 10px;content: "\201D";font-size: 480px;position: absolute;right: -20px;bottom: -22px;color: rgba(255,255,255,0.7);z-index:-1;}
blockquote cite {color: #999999;font-size: 0.7em;display: block;margin-top: 5px;}


.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 }
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a { text-decoration:none ; color: #013988; }
.maintextbox a:hover, .mainholder a:hover {text-decoration:none !important;}
.mainholder {clear:left;float:left; width:100%; margin:0% 0 30px;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0}
/*SECOND LEVEL SETUP*/

.sidebar {float:right; width:31%;float:right; margin:0% 0 0 0 ; }
.sidebar .box1, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

.sidebar h2 {width:100%; margin:3% 0 -2% 0}
.sidebar .box1 .btn ,.sidebar .box2 .btn,
.sidebar .box1 p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:10px 0% 0}
.mainholder ul li , .maintextbox ul li , .sidebar ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 30px;line-height:1.3em; margin:2% 0 0 0%;font-weight:normal; font-size:1.1em; letter-spacing:-1px; }
.maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } 
.sidebar ul li {padding-left: 30px;}
.maintextbox ul li a, .sidebar ul li a{ color:#333333; font-weight:normal;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; }

.mainholder ul > li > ul > li , .maintextbox ul > li > ul > li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 60px;line-height:1.2em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; }


blockquote { color:#666; font-size:1.8em;font-family: 'Raleway', sans-serif; text-align:center;margin: 0 0;padding: 70px 70px;line-height: 1.2em;position: relative;z-index:1;}
blockquote:before {display: block;padding-left: 10px;content: "\201C";font-size: 480px;position: absolute;left: -20px;top: 210px;color: rgba(255,255,255,0.7);z-index:-1;}
blockquote:after {display: block;padding-left: 10px;content: "\201D";font-size: 480px;position: absolute;right: -20px;bottom: -22px;color: rgba(255,255,255,0.7);z-index:-1;}
blockquote cite {color: #999999;font-size: 0.7em;display: block;margin-top: 5px;}


#profile .title1 {font-family: 'Raleway', sans-serif;font-size:1.5em; margin:17px 0 2px 0;color:#013988;  letter-spacing:-1px; font-weight:600; }
#profile .title1b {font-family: 'Raleway', sans-serif;font-size:1.5em; line-height:1.0em; margin:0px 0 2px 0;color:#013988;  letter-spacing:-1px; font-weight:600; }
#profile .title2 {font-family: 'Raleway', sans-serif;font-size:1.1em; margin:0 0 0 0;color: #4D99D6;  letter-spacing:-1px; font-weight:600; }
#profile h2 { margin: 0 0 20px 0;font-size:1.5em;}
#profile .pic {float:left; background-color:#ffffff; width:90px;height:90px; margin:0 20px 20px 0px; border:1px solid #ccc; align:center}
#profile img {padding:5px; margin:0px auto;  height:80px;  display:block;}
#profile img.file {border:0; padding:0px; margin:0 4px 0px 0; width:23px; height:auto; float:left}
#profile a.file {color:#4D99D6;}
#profile button  {font-family: 'Raleway', sans-serif;float:left;text-align:center; background-color:#013988;color:#ffffff;  
width:100%; margin:0 0 30px 0  ;  border:0px; padding: 2.5% 2% 2.5%; border-radius:5px; font-weight:700; font-size:1.2em;  
box-sizing:border-box}

#profile button.addusersml, #control button.addusersml, button.addusersml {clear:both;float:right;font-family: 'Raleway', sans-serif;clear:both; display:inline-block; text-align:center; 
background-color:#013988;color:#ffffff;  width:160px; margin:-64px auto 10px;  border:0px; padding: 0.5% 0% ; font-size:1.2em;border-radius:8px;  font-weight:700; font-size:1.2em;}
#profile button.addusersml:hover, #control button.addusersml:hover,  button.addusersml:hover {background-color:#4D99D6; }

#profile button.addusersml2
, button.addusersml2{clear:both;float:right;font-family: 'Raleway', sans-serif;clear:both; display:inline-block; text-align:center; 
background-color:#4D99D6;color:#ffffff;  width:160px; margin:-64px auto 10px;  border:0px; padding: 0.5% 0% ; font-size:1.2em;border-radius:8px;  font-weight:700; font-size:1.2em;}
#profile button.addusersml2:hover, 
button.addusersml2:hover{background-color:#013988; }



.expbtn1  {clear:both;float:right !important;font-family: 'Raleway', sans-serif !important;;clear:both; display:inline-block; text-align:center;  margin-top:20px !important;
background-color:#013988 !important;color:#ffffff!important;  width:auto !important;   border:0px!important; padding: 0.5% 2.5% ; font-size:1.2em !important;border-radius:8px;  font-weight:700; font-size:1.2em;}
.expbtn1:hover {background-color:#4D99D6 !important; }


#control img {border:1px solid #ccc; padding:5px; margin:0 20px 20px 0; width:80px; height:auto; float:left}
#control img.file {border:0; padding:0px; margin:0 4px 0px 0; width:23px; height:auto; float:left}


td.shippinglabel {text-transform:uppercase; background-color:#003987; color:#fff; text-indent:10px; font-weight:600; letter-spacing:-1px;font-size:1.0em; padding:4px 0px; }
td.shippinglabel2 {text-transform:uppercase; background-color:#003987; color:#fff; font-size:1.0em; font-weight:600; letter-spacing:-1px;padding:7px 0px; }
.shippinginput {float:left; text-align:center; background-color:#F3F3F3;  width:100%;height:36px; border:0px; padding:0px; margin:0 0px 0px 0px;  font-size:1.5em;}





button.addusersml3, button.addusersml4  {clear:both;float:right;font-family: 'Raleway', sans-serif;clear:both; display:inline-block; text-align:center; 
background-color:#013988;color:#ffffff;  width:160px; margin:0px auto 10px;  border:0px; padding: 0.5% 0% ; font-size:1.2em;border-radius:8px;  font-weight:700; font-size:1.2em;}
button.addusersml3:hover, button.addusersml4:hover {background-color:#4D99D6; }
button.addusersml4 {width:250px; margin:20px auto 30px;}


#udform{	clear:both;float:right; width:100%; margin-bottom:10px }
#udform input {float:left;color:#333; background-color:#f7f7f7; width:73%; border:1px solid #ccc; padding: 2% auto 2.5% auto; text-indent:10px;  height:40px; margin:0 0 20px 0%; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px; box-sizing:border-box}
#udform .subbtn {font-family: 'Raleway', sans-serif;float:left;text-align:center; background-color:#013988;color:#ffffff;  width:27%; margin:0 0 0 0  ; text-indent:0px; border:0px;  border-radius:0px; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px; font-weight:700; font-size:1.2em;  box-sizing:border-box}

#udform2{	float:right; width:43%; margin:8px 0 0  }
#udform2 input {float:left;color:#333; background-color:#f7f7f7; width:78%; border:1px solid #ccc; padding: 2% auto 2.5% auto; text-indent:10px;  height:40px; margin:0 0 5px 0; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px; box-sizing:border-box}
#udform2 .subbtn {font-family: 'Raleway', sans-serif;float:left;text-align:center; 
background-color:#4D99D6;color:#ffffff;  width:22%; margin:0 0 0 0  ; 
text-indent:0px; border:0px;  border-radius:0px; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;
 font-weight:700; font-size:1.2em;  box-sizing:border-box;}


.circleBase {	float:left;    border-radius: 50%;	text-align:center;	font-family: 'Raleway', sans-serif; color:#013988; margin-bottom:30px;}
.type1,.type2 {    width: 89px;    height: 89px;    background: #4D99D6;    border: 0px;margin-right:18px;}
.type2 {margin-right:0px !important;}

#clock1,
#clock2,
#clock3,
#clock4,
#clock5,
#clock6 {  width: 89px;   height: 89px;        border-radius: 50%;    position: relative; margin-bottom:4px; background-image:url(../images/clockface.png);}
#dot {    width: 8px;    height: 8px;     background: white;    border-radius: 50%;    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;    z-index: 12;}

#min,
#min2,
#min3,
#min4,
#min5,
#min6{    width: 3px;    height: 41px;    background: white;    position: absolute;    right: 0;    left: 0;    top: 4px;    margin: auto;    -webkit-transform-origin: center bottom;   transform-origin: center bottom;    transform: rotate(0deg);  -webkit-transform: rotate(0deg);    z-index: 8;}
#hour,
#hour2, 
#hour3, 
#hour4, 
#hour5, 
#hour6 
{   width: 4px;    height: 31px;    background: white;    position: absolute;    right: 0;    left: 0;    top: 13px;    margin: auto;    -webkit-transform-origin: center bottom;   transform-origin: center bottom;    transform: rotate(0deg);  -webkit-transform: rotate(0deg); z-index: 6;}

.normalMessage {font-family: 'Raleway', sans-serif;clear:both; width:100%; margin:10px auto 10px auto; width:100%; padding:7px 10px; box-sizing:border-box; border-radius: 6px;background-color: #e0fde0;color: #000; font-size:1.1em}
.errorMessage {font-family: 'Raleway', sans-serif;clear:both; width:100%; margin:10px auto 10px auto; width:100%; padding:7px 10px; box-sizing:border-box; border-radius: 6px;background-color: #FFC1C1;color: #000; font-size:1.1em}

button.addnotice, button.viewnotice {font-family: 'Raleway', sans-serif;float:left;text-align:center; background-color:#eee;color:#013988;  
width:48%; margin:20px 0 0px 0  ;  border:0px; padding: 1.5% 2% 1.5%; border-radius:5px; font-weight:700; font-size:1.2em;  
box-sizing:border-box}

button.viewnotice {float:right}

#profileform fieldset {clear:both;margin:0; padding:0; border:0px; width:100%}
#profileform input,
#profileform textarea{ -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	float:left; color:#333; background-color:#F3F3F3; width:100%; margin:0 0 5px 0%;border:1px solid #ccc; text-indent:5px;font-family: 'Open Sans', sans-serif;font-size:1em; border-radius:5px;height:40px;}

#profileform textarea{ /*height:200px;*/ text-indent:0px;padding:10px;}
#profileform textarea.slim{ /*height:85px; */text-indent:0px;padding:10px;}
#profileform .half, #profileform .half2, #profileform .half2top{ clear:left;float:left; width:47.5%;}
#profileform .half2{ clear:none;float:right; }
#profileform .half2top{ margin-top:40px;clear:none;float:right;   text-align:center !important}

#profileform .halfa { clear:left;float:left; width:25%;}
#profileform .halfb { float:right; width:65%;}

#profileform .halfc { clear:left;float:left; width:48%;}
#profileform .halfd { float:right; width:42%;}

#profileform .halfe { clear:left;float:left; margin-right:10%; width:29%;}
#profileform .halff { float:left; width:27%;}
#profileform .halfg { float:right; width:26%;}



#profileform .half6 { float:left; width:12.5%; margin-right:5%}
#profileform .half6b{ float:right; width:12.5%; }

#profileform .halfp { float:left; width:16%; margin-right:4.5%}
#profileform .halfpa { float:left; width:11%; margin-right:5%}
#profileform .halfpb{ float:right; width:11%; }

#profileform .halffl { float:left; width:16%; margin-right:5%}
#profileform .halffl2{ float:right; width:16%; }


#profileform .third, #profileform .third2, #profileform .third3{ float:left; width:30%; margin-right:5%}
#profileform .third3{ clear:none;float:right;margin-right:0% }
#profileform .third12{ float:left; width:65%; margin-right:5%}
#profileform .third23{ float:left; width:65%; margin-right:0%}

#profileform .fifth,#profileform .fifth2{ float:left; width:16%; margin-right:5%}
#profileform .fifth2{ clear:none;float:right;margin-right:0% }

#profileform .sixth,#profileform .sixth2{ float:left; width:14.16%; margin-right:3%}
#profileform .sixth2{ clear:none;float:right;margin-right:0% }



#profileform .quarter,#profileform .quarter2{ float:left; width:21.2%; margin-right:5%}
#profileform .quarter2{ clear:none;float:right;margin-right:0% }
#profileform .quarter3{ clear:none;width:21.2%;float:left;margin-right:0% }
#profileform .quarter12{width:47.5%;float:left;margin-right:5% }
#profileform .quarter123{width:73.8%;float:left;margin-right:0% }

#profileform .seventh{ float:left; width:auto; margin-right:20px; text-align:left}
#profileform .seventh input{ margin:6px 0px 0 10px;} 


#profileform .seven{ float:left; width:18%; margin-right:3%; margin-left:0px; }
#profileform .sevenb{ float:left; width:9%; margin-right:3%; margin-left:0px; }
#profileform .seven2{ float:left; width:9.5%; margin-right:0%; margin-left:0px;  overflow:visible; }

#profileform .expensez{ float:left; width:11%; margin-right:1%; margin-right:0px; }
#profileform .expensea{ float:left; width:26%; margin-left:1%; margin-right:0px; }
#profileform .expensea2{ float:left; width:48%; margin-left:1%; margin-right:0px; }
#profileform .expenseb{ float:left; width:10%; margin-left:1%; margin-right:0px; }
#profileform .expensec{ float:left; width:16%; margin-left:1%; margin-right:0px; }
#profileform .expenseh{ float:left; width:21%; margin-left:1%; margin-right:0px; }
#profileform .expensed{ float:left; width:6%; margin-left:1%; margin-right:0px; }
#profileform .expensee{ float:right; width:10%; margin-left:1%; margin-top:30px; }
#profileform .expensef{float:right; width:17%; margin-left:1%; margin-top:30px; }
#profileform .expenseg{float:right; width:21%; margin-left:1%; margin-top:0px; }

#profileform .expensei{float:left; width:23%; margin-left:1%; margin-top:0px; }


#profileform .expenseal{ float:left; width:48%; margin-left:1%; margin-right:0px; }

#profileform select { float:left; color:#333; background-color:#F3F3F3; width:100%; margin:0 0 0px 0%;border:1px solid #ccc;   height:40px; font-family: 'Open Sans', sans-serif;font-size:1em; border-radius:5px;}
#profileform fieldset label {clear:left;float:left;font-family: 'Raleway', sans-serif; color: #4D99D6; margin:9px 0 5px 0%;}


#profileform fieldset input.haselector{ display:none;}
#profileform fieldset input.haselector:checked ~ label { color:#4D99D6 !important }
#profileform fieldset input.haselector:checked ~ .selectorbox { border:2px solid #4D99D6; background-color:#4D99D6; color:#ffffff!important }
.selectorbox {float:left; clear:none !important; border:2px solid #AAAAAA; padding:6px; margin-right:15px !important}



#profileform button {clear:both;float:right;font-family: 'Raleway', sans-serif;clear:both; display:inline-block; text-align:center; background-color:#013988;color:#ffffff;  width:auto; margin:28px auto 10px;  border:0px; padding: 1% 2% ; font-size:1.2em;border-radius:8px;  font-weight:700; font-size:1.2em;}
a.button {float:right;font-family: 'Raleway', sans-serif; display:inline-block; text-align:center; background-color:#4D99D6;color:#ffffff;  width:auto; margin:28px 30px 10px 0;  border:0px; padding: 1% 2% ; font-size:1.2em;border-radius:8px;  font-weight:700; font-size:1.2em;}
/*#profileform button {clear:both;float:right;font-family: 'Raleway', sans-serif;clear:both; display:inline-block; text-align:center; background-color:#013988;color:#ffffff;  width:190px; margin:28px auto 10px;  border:0px; padding: 1% 0% ; font-size:1.2em;border-radius:8px;  font-weight:700; font-size:1.2em;}

*/


#profileform button.date-picker-control { background-color:transparent; clear:none;
width:50px; margin:-34px -20px 10px 0; border-radius:0px; }
#profileform hr {clear:both; padding-top:30px;}




#contactfooter {clear:both; width:100%; color:#fff; letter-spacing:-1px; background: #003987;font-size:1.2em;font-family: 'Raleway', sans-serif;  }
#contactfooter .copy {float:left;width:30%}
#contactfooter .pols {float:left; width:30%; text-align: center}
#contactfooter .nowd {float:right;width:30%; text-align: right }
#contactfooter .holder {  line-height:150%; font-weight:normal; margin:0px auto 0px; padding:6px 0;}
#contactfooter a { color:#fff; text-decoration:none;}
#contactfooter a:hover { color:#fff; text-decoration:underline;}


/* CALENDAR */

#cal,#cal2 {background-color:#eeeeef; color:#013988; padding:20px;box-sizing:border-box; border-radius:20px;margin-top:30px; font-family: 'Raleway', sans-serif;}
#cal2 {margin-bottom:30px;}
.months {clear:both;  width:100%}
.calendar {width:100%;  text-align:center; font-size:1.2em}
#cal .calendar td{ padding:4px 10px; color:#013988;  height:70px; text-align:left; box-sizing:border-box; text-indent:10px; }
#cal .calendar td a{ background-color:#013988; color:#ffffff; height:70px;display:block; padding:4px 0px; text-decoration:none; box-sizing:border-box;border-radius:10px;} 
#cal .calendar .today {background-color:#4D99D6; color:#ffffff; font-weight:700;height:70px; padding:4px 0px;box-sizing:border-box; border-radius:10px;}

#cal2 .calendar td{ padding:2px 2px; color:#013988;  text-align:left; box-sizing:border-box; text-indent:6px; }
#cal2 .calendar td a{ background-color:#013988; color:#ffffff; display:block; padding:2px 0px; text-decoration:none; box-sizing:border-box;border-radius:10px;} 
#cal2 .calendar .today {background-color:#4D99D6; color:#ffffff; font-weight:700; padding:2px 0px;box-sizing:border-box; border-radius:10px;}


#cprev, #cnext {cursor:pointer; display:block; width:12px;}
#cprev {float:left; }
#adv-custom-caption {float:left; text-align:center; font-size:1.2em;width: -moz-calc(100% - 24px);width: -webkit-calc(100% - 24px);width: -o-calc(100% - 24px);width: calc(100% - 24px);}
#cnext {float:right; }
#bigdate {float:left; height:50px;  width:90px; font-size:4em; line-height:75%; text-align:left; }
#mpager {float:left; width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);width: -o-calc(100% - 90px);width: calc(100% - 90px);height:50px; box-sizing:border-box; border-top: 2px solid #013988; border-bottom: 2px solid #013988;  font-size:1.2em; line-height:240%; text-align:center}

#dispdateinfo {float:left; width:100%; background-color:#ffffff; color:#333; margin:25px 0 20px; padding:10px 8px; height:40px;box-sizing:border-box; overflow:hidden; border:1px solid #ccc; border-radius:5px;}
/* CALENDAR */


input:disabled,
button[disabled],
textarea:disabled,
select:disabled {    background: #eee !important;	 color: #999 !important;-webkit-text-fill-color:#999 }
input[type="radio"] {  width   : 28px !important;   float:left;   }
   
input[type="checkbox"] {  clear:both !important;width   : 28px !important;   float:left;   height:auto !important;   margin-top:15px;    }
.checkgroup {clear:both; padding:0 0 15px 0}
.checkgroup div {width   : 100%; clear:both; height:auto; line-height:85%; padding:5px 0 10px 0}
.checkgroup a {color:#013988; font-style:italic}




.listh li {
   
    margin:5px 5px 5px!important;
    padding:5px 10px !important;
    cursor:move;
background-color:#ccc;
list-style-type: none;

}
.listh, .listei {
    background-color:#eee;
    min-height: 30px;
    margin: 15px 0 0px;
    padding:1%;
    width:98%;
    vertical-align:top;
    display:inline-block;
}


.listei li {
	margin:5px 5px 5px!important;
	padding:5px 10px !important;
	cursor:move;
	background-color:#ccc;
	list-style-type: none;
}

.listei li:nth-child(-n+5){
	background-color: #4D99D6;
	color: #ffffff !important;
	font-weight:bold;
}



.listei li:nth-child(1)::before {     content: "1) ";}
.listei li:nth-child(2)::before {     content: "2) ";}
.listei li:nth-child(3)::before {     content: "3) ";}
.listei li:nth-child(4)::before {     content: "4) ";}
.listei li:nth-child(5)::before {     content: "5) ";}

.trigrad {
padding:20px;
position:relative;

background: #abcbf4; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiY2JmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2FiY2JmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2EwZjI5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2EwZjI5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y3Y2I5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2Y3Y2I5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ExOWFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ExOWFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #abcbf4 0%, #abcbf4 28%, #a0f296 28%, #a0f296 47%, #f7cb99 47%, #f7cb99 66%, #a19af9 66%, #a19af9 84%, #cccccc 84%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abcbf4), color-stop(28%,#abcbf4), color-stop(28%,#a0f296), color-stop(47%,#a0f296), color-stop(47%,#f7cb99), color-stop(66%,#f7cb99), color-stop(66%,#a19af9), color-stop(84%,#a19af9), color-stop(84%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #abcbf4 0%,#abcbf4 28%,#a0f296 28%,#a0f296 47%,#f7cb99 47%,#f7cb99 66%,#a19af9 66%,#a19af9 84%,#cccccc 84%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #abcbf4 0%,#abcbf4 28%,#a0f296 28%,#a0f296 47%,#f7cb99 47%,#f7cb99 66%,#a19af9 66%,#a19af9 84%,#cccccc 84%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #abcbf4 0%,#abcbf4 28%,#a0f296 28%,#a0f296 47%,#f7cb99 47%,#f7cb99 66%,#a19af9 66%,#a19af9 84%,#cccccc 84%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #abcbf4 0%,#abcbf4 28%,#a0f296 28%,#a0f296 47%,#f7cb99 47%,#f7cb99 66%,#a19af9 66%,#a19af9 84%,#cccccc 84%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abcbf4', endColorstr='#cccccc',GradientType=0 );
}

.trititles {
font-size:1.2em;
transform: rotate(303deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(303deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(303deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(303deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(303deg) scale(1) skew(1deg) translate(0px);
width:800px; height:30px; 
position:absolute; left:-170px; bottom:360px;}


.triangle-up {    width: 50%;    height: 0;  padding-left:50%;padding-bottom: 75%;    overflow: hidden;font-family: 'Raleway', sans-serif;font-size:1.1em;}
.triangle-up:after {    content: "";    display: block;    width: 0;    height: 0;    margin-left:-500px;    border-left: 500px solid transparent;    border-right: 500px solid transparent;    border-bottom: 750px solid rgba(255,255,255,0.47);}
.trilabel {position:relative;cursor:pointer;float:left;display:block; background:#fff; padding:10px 0; text-align:center; border-radius:9px;}
.trilabel .triinfo {display:none; }
.trilabel:hover .triinfo {display:block; }
.triinfo {text-align: left !important}
.triinfo a {color:inherit;  display:inline-block; line-height:110%; text-align: left !important}
.triinfo a:hover { color:#fff}
.triinfo input[type="checkbox"] { margin: 6px 0 0 0 !important; }
/************/

/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){ 
ACTIVE WHEN LIVE*/ 
@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	


	.holder {width:100%;font-size:1em;}
	#header { width:100%; margin:0px; height:69px;padding:0px;}
	#header .logo { float:left; width:24%; margin:0;height:auto; }
	#header .logo img{margin:15px 5% 0 10%; height:36px; width:auto;}

	#loggedin .date{display:none}
	#loggedin .who{ float:left;padding-left:15px;}
	#loggedin .out{ float:right;padding-right:15px;}
	#welcome .title {float:right; width:100%; padding:150px 0px 0px 0px;margin:0px auto 0px auto ;  font-size:2.7em; font-weight:900; line-height:1em;  letter-spacing:-1px; text-align:center; }
	#welcome .strapline{float:right; width:100%; padding:18px 50px;margin:20px auto 20px auto ; font-size:2.1em; font-weight:700;letter-spacing:-1px; text-align:center ; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box;}
	
	#breadcrumb.holder {width:auto; padding:10px 20px !important ;  font-size:1em; color:#818181; border-box:box-sizing; }

	#options.fullholder .box1, #options.fullholder .box2{margin-bottom:3%;}
	#options { width:94%; padding:3%; }
	#newsholder .holder { width:94%; margin:0 3% 1% 3%;}
	#contactfooter .holder { width:94%; margin:0 3% 1% 3%;  }

#contactfooter .copy {float:left; width:100%; text-align:center}
#contactfooter .nowd {display:none; }
#contactfooter .pols {float:left; width:100%; text-align: center}


	.fullholder {clear:both; width:100%; background-color: #fff; padding:0% 0; margin:0 0 0% 0;height:auto; }
	.fullholder .holder {margin:0; }

.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a, .sidebar a { text-decoration:none; color: #000; font-weight:bold;}
.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {text-decoration:underline;}
.mainholder {clear:left;float:left; width:94%; margin:0% 0 20px;;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 3%}



 

type1,.type2 {    width: 89px;    height: 89px;    background: #4D99D6;    border: 0px;margin-right:15px;}
.type2 {margin-right:0px !important;}

#clock {  width: 89px;   height: 89px;        border-radius: 50%;    position: relative; margin-bottom:4px;}
#dot {    width: 8px;    height: 8px;     background: white;    border-radius: 50%;    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;    z-index: 12;}

#min,
#min2,
#min3,
#min4,
#min5,
#min6{    width: 3px;    height: 41px;    background: white;    position: absolute;    right: 0;    left: 0;    top: 4px;    margin: auto;    -webkit-transform-origin: center bottom;    -webkit-transform: rotate(0deg);    z-index: 8;}
#hour,
#hour2, 
#hour3, 
#hour4, 
#hour5, 
#hour6 
{   width: 4px;    height: 31px;    background: white;    position: absolute;    right: 0;    left: 0;    top: 13px;    margin: auto;    -webkit-transform-origin: center bottom;    -webkit-transform: rotate(0deg); z-index: 6;}



	#strategiesholder  {font-family: 'Raleway', sans-serif; float:left; width:100%; margin:0px 0 0px;height:auto;  letter-spacing:-1px; text-align:center;   }
#strategiesholder .circle { float:none; background:#ffffff;width:200px; height:200px; margin:20px auto 15px auto; border-radius:50%  }
#strategiesholder .type {clear:left;color: #ffffff;float:left; width:100%; padding: 0px;margin:0px auto ;  font-size:2.5em; font-weight:700; line-height:1em; text-align:center;    }
#strategiesholder .typeb {clear:left;float:left; width:100%; padding: 0px;margin:0px auto ;  font-size:2.3em; font-weight:700; line-height:1em; text-align:center;    }
#strategiesholder .info{	clear:left; color: #ffffff; float:left; width:90%; padding:10px 5%;		margin:10px auto 20px; font-size:1.3em; font-weight:400;line-height:1.0em; text-align:center;    }
#strategiesholder .infog{	clear:left; color: #ffffff; float:left; width:90%; padding:10px 5%;		margin:10px auto 20px ; font-size:1.3em; font-weight:400;line-height:1.0em; text-align:center;    }
#prev{float:left; left:10px; bottom:0px;}
#next {float:right;  right:-10px; top:125px;}


}


@media only screen 
and (min-width : 569px) 
and (max-width : 991px){
	#header {  }
	.box1, .box2 {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center}
	.nbox1, .nbox2 , .nbox3 {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center;clear:none; }
	.half {clear:left; width:48.5%!important; margin:0 0% 0 0%; }
	.half2 {float:right; width:48.5%!important; margin:0 0% 0 0%; }
	.reasons, .testimonials{float:left;  }
	.testimonials{float:right;  }
	
	.noxs {display:none; }

	#reqformholder .box1{float:left;	text-align:left;  margin:0 0% 3% 3%;   width:45.5% !important; }
	#reqformholder .box2{float:left;	text-align:left;  margin:0 0% 3% 3%;  width:45.5% !important;}
	





}





@media only screen 
and (min-width : 0px) 
and (max-width : 568px){
	
	.arrowline {display:none;    }
	.survface {display:none;    }
#welc_questions {width: 100%;    min-height: 100%;    position: fixed;    top: 0;   bottom:0; left: 0; right:0px; z-index: 9999999;      background-color:#ffffff;}
#welc_questions .inner { position:relative;width:96% !important;font-size:1.4em; height:auto; margin: 0px auto 0px !important; padding:40px 2% 0px 2% !important ;background-color:#ffffff; color:#003987;-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: noe;border-radius:00px;}


#welc_questions .firstquestion div{ width:30% !important; font-size:1.2em !important; margin:2% 10%;}
#welc_questions .firstquestion div img{width:90px;} 
#welc_questions .firstquestion div br:nth-of-type(2){ display:none;}
	
	
#welc_questions .clues div{ width:100% !important; font-size:0.9em !important; margin-top:10px;}
#welc_questions .clues div img{width:90px;} 
	#welc_questions .cluewhy textarea{background:#dddddd; font-size:14pt; border-radius:10px; border:0; width:80% !important; padding:5%;height:220px; margin:20px 5%; box-sizing:border-box}

#welc_questions .numbers {height:auto; padding:25px 0; }
#welc_questions .numbers:nth-of-type(11) {
	
	 margin:2% 10%; letter-spacing:-2px; 
	 text-indent:-5px;
	
	}
	
	#strategiesholder .info{	display:none;    }
#strategiesholder .infog{display:none;    }


	#header {  }
	.box1, .box2 {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center}
	.half, .half2 {width:100%; margin:3% 0% 2% 0; }
	
	#profileform .third, #profileform .third2, #profileform .third3{ float:left; width:100%; margin-right:0%}
	
#profileform .seven,
#profileform .sevenb,
#profileform .seven2,
#profileform .expensez,
#profileform .expensea,
#profileform .expenseb,
#profileform .expensec,
#profileform .expenseh,
#profileform .expensed,
#profileform .expensee,
#profileform .expensef,
#profileform .expenseg{float:left; width:100%; margin-right:0%; margin-left:0px; }

#profileform .seven label,
#profileform .sevenb label,
#profileform .seven2 label,
#profileform .expensez label,
#profileform .expensea label,
#profileform .expenseb label,
#profileform .expensec label,
#profileform .expenseh label,
#profileform .expensed label,
#profileform .expensee label,
#profileform .expensef label,
#profileform .expenseg{ display:none;}


	#reqformholder .box1{float:left;	 clear:left;text-align:left; width:94%; margin:0 3% 3%}
	#reqformholder .box2{float:left;	 clear:left;	text-align:left; width:94%;margin:0 3% 3%}
	
	#welcome .title {float:right; width:100%; padding:136px 30px 0px 30px;margin:0px auto 0px auto ;  font-size:2em; font-weight:900; line-height:1em;  letter-spacing:-1px; text-align:center;box-sizing: border-box; }
	#welcome .strapline{float:right; width:100%; padding:10px 30px;margin:20px auto 20px auto ; font-size:1.6em; font-weight:700;text-align:left; letter-spacing:-1px; text-align:center ;	box-sizing: border-box;}
	
	





#loggedin { width:100%; background-color:#003987;  z-index:99999; position: fixed; color:#fff; padding:7px 0 2px; font-size:1.1em; font-family: 'Raleway', sans-serif;}
#loggedin .date{float:left; }
#loggedin .who{ float:right;}
#loggedin .out{ float:right;}
#loggedin .out img{ margin: -8px -4px 0 6px; float:right;}
#loggedin a{ color:#fff; text-decoration:none }
#loggedin a:hover{ color:#fff; text-decoration:underline }

/*LOGIN*/
#firstlogin, #fpassword  { float:right;  text-align:left; padding:0px;margin:0px 0px 0px;   width:100%; }
#fpassword {display:none; }
.loginlinkholder {display:none; }

#firstlogin fieldset, #fpassword fieldset {margin:0px; padding:0px;}
#firstlogin input , #fpassword input{clear:both; border:0px; margin:0px 0 0 2%; width:40%; height:23px; padding: 0% 2%; box-sizing:border-box; font-family: 'Open Sans', sans-serif;font-size:0.8em;}
#firstlogin fieldset label, #fpassword fieldset label {display:none; }
#firstlogin input.gobtn{background-color: rgba(255, 255, 255, 0.8); color:#010042;  width:10%; margin:0px 0 0 2% !important;font-family: 'Raleway', sans-serif; height:23px }

/*LOGIN*/

	

}



.showf {display:none; }
#profileform .expextra textarea {height:70px !important }

.onlyprint{display:none; }  
@media print{ 
.onlyprint{display:block; width:100% !important;height:63px !important;}  
.expensea { width:315px !important} 
	.expensea input { width:315px !important} 
.expenseb input { text-align:right; padding-right:10px; box-sizing:border-box}
.expensee input { text-align:right; padding-right:10px; box-sizing:border-box}

	 .pagebreak { display: block; page-break-before: always; }
    .no-print, .no-print *    {        display: none !important;    }
	.belbins .third, .belbins .third2, .belbins .third3 {width:100% !important; box-sizing:border-box; }
}