/*
Stylesheet For: VSI Template V5.3
Author: VSI-Thinking, http://www.vsi-thinking.com
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CONTENTS

   A: Universal Elements
      1. Body & Html
      2. Hyperlinks
      3. General Divs
      4. Headings

   B: Structure
      1. Header & Navigation
      2. Content Wrapper
      3. Sidebar
      4. Main Body
	  5. Footer

	C: Modules
                                                               */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* *********************************************************** */
/* A. Universal Elements                                       */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* A1. Body & Html                                             */
/* ----------------------------------------------------------- */
@font-face {
    font-family:"FrutigerLTStd";
    src: url("../../templates/css/fonts/FrutigerLTStd-Light.eot") format("embedded-opentype"),
	url("../../templates/css/fonts/FrutigerLTStd-Light.svg") format("svg"),
	url("../../templates/css/fonts/FrutigerLTStd-Light.ttf") format("truetype"),
	url("../../templates/css/fonts/FrutigerLTStd-Light.woff") format("woff");
}

body, html {
	background:#FFF;
	margin:0;
	padding:0;
	color:#2B2B2A;
}
body, p, div, td {
	font-family:"Lucida Sans",Arial,Verdana;
	font-size:small;
    color:#005596;
}
.mceEditor { width:98%; }
img { border:0; }
/* ----------------------------------------------------------- */
/* A2. Hyperlinks                                              */
/* ----------------------------------------------------------- */
a { color:#005596; }
#contentArea a.button {
	padding:8px 24px 8px 24px;
	display:inline-block;
	background:#e9782a;
	color:#FFF;
	text-decoration:none;
}
#contentArea a.button:hover {
	background:#005a9b;
	color:#FFF;
}
/* ----------------------------------------------------------- */
/* A3. General Divs                                            */
/* ----------------------------------------------------------- */
.clearfix { clear:both; }
.content {
	width:994px;
	margin:auto auto;	
	position:relative;
}
.hr {	
	border-top:#C3C3C3 1px solid;
	margin-top:5px;
	margin-bottom:5px;
}
.hr hr { display:none; }

/* ----------------------------------------------------------- */
/* A4. Headings                                                */
/* ----------------------------------------------------------- */
h1 {
	background:url("../../pics/h1-header.png") no-repeat top left;
    height:33px;
	padding:8px 0 0 15px;
	margin:0 0 0 -5px;
	font-size:16px;
    color:#005596
}

/* *********************************************************** */
/* B. Structure                                                */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* B1. Header & Navigation                                     */
/* ----------------------------------------------------------- */

#Header {
	height:auto !important;
	border-top:22px solid #e26d1e;
    position:relative;
	margin:0 0 40px 0;
}
#Header::before {
    content:'';
    position:absolute;
    width:100%;
    height:22px;
    background:linear-gradient(to left, #e26d1e, #ed9025);
    top:-22px;
    left:0;
}
#Header img { padding:10px 0 0 10px; }
#Header .title {
	width:300px;
	float:left;
}
#Header .contact {
	width:371px;
	padding:11px 15px 11px 17px;
	position:absolute;
	top:0;
	right:0;
	background:#09548a;
	color:#FFF;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-box-shadow: 2px 7px 24px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 7px 24px -8px rgba(0,0,0,0.75);
	box-shadow: 2px 7px 24px -8px rgba(0,0,0,0.75);
	z-index:999;
}
#Header .contact .contact-header { 
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}
#Header .contact .open-close {
    margin:-6px 0 0 0;
    height:21px;
	display:inline-block;
	float:right;
	font-size:26px;
	cursor:pointer;
}
#Header .contact a { 
	margin:0 25px 0 0;
	font-weight:bold; 
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
#Header .contact a:hover { text-decoration:underline; }

#Header .contact .contact-inner { display:none; }
#Header .contact .contact-inner ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}
#Header .contact .contact-inner ul li { display:inline-block; }
#Header .contact .contact-inner ul li.phone { margin:10px 0 0 0; }
#Header .contact .contact-inner ul li span { 
	display:inline-block;
	width:120px;
	color:#FFF;
}
#Header #searchBox { float:right; }

ul.ui-autocomplete {
	background:#FFF;
	padding:7px 8px 8px 10px;
	width:105px;
	text-align:right;
}
ul.ui-autocomplete li {
	background:#FFF;
	list-style:none;
	padding:2px 0 2px 0;
	cursor:pointer;
	font-size:11pt;
}
ul.ui-autocomplete li:hover { text-decoration:underline; }
ul.ui-autocomplete li .ui-state-hover { 
	color:#315C77; 
	background:none;
}
.ui-helper-hidden-accessible { display:none; }

/* ----------------------------------------------------------- */
/* B4. Main Body                                               */
/* ----------------------------------------------------------- */
#Wrapper #Page {
	width:734px;
	height:auto !important;
	height:300px;
	min-height:300px;
	padding-right:10px;
	float:left;
}

/* ----------------------------------------------------------- */
/* B5. Footer                                                  */
/* ----------------------------------------------------------- */
#Footer {
	background:#e26d1e;
	background:linear-gradient(to left, #e26d1e, #ed9025);
}
#Footer .content {
	width:964px;
	padding:10px 20px 20px 20px;
}
#Footer #FooterMenu a {
	text-decoration:none;
	color:#2B2B2A;
}
#Footer #FooterMenu a:hover { text-decoration:underline; }
#Footer #FooterMenu, #Footer #FooterMenu ul {
	width:280px;
	padding:0;
}
#Footer #FooterMenu li { 
	list-style:none; 
	float:left;
    width:140px;
	padding:0 0 2px 0;
}
#Footer #FooterMenu li a { 
	color:#FFF;  
	font-weight:bold;
}
#Footer #FooterCredit {
	float: right;
	margin: -30px 0 0;
}
#Footer #FooterCredit p {
	color:#FFF;
}
#Footer #FooterCredit p a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#Footer #FooterCredit p a:hover {
	text-decoration:underline;
}

/* *********************************************************** */
/* C. Modules                                                  */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* C1. Cookie Notification									   */
/* ----------------------------------------------------------- */
#cookieWarningBox {
	position:fixed;
	right:0;
	bottom:0;
	width:100%;
	border-top:1px solid #CCC;
	padding-bottom:20px;
	background:#EFEFEF;
	display:none;
	z-index:100;
}
#cookieWarningBox #cookieWarningClose {
	border:1px solid #3C3C3C;
	padding:2px 4px;
	font-size:14px;
	font-weight:bold;
	color:#2B2B2A;
	background:#CCC;
	cursor:pointer;
	float:right;
}
#cookieWarningBox #cookieWarningClose:hover {
	color:#CCC;
	background:#2B2B2A;
}
#cookieWarningBox .content { background:none; }

/* *********************************************************** */
/* C.3 Social Media											   */
/* *********************************************************** */
.socialMedia { float:right; }
.socialMedia a, .socialMedia a:visited {
	text-decoration:none;
	padding-right:14px;
}
.socialShare {
	float:right;
	width:305px;
}
.socialShareItem, .socialShareItem { float:left; }
.socialShare .socialFacebook, 
.socialShareBlog .socialFacebook { padding-right:30px; }

/* *********************************************************** */
/* C.4 Date Picker										       */
/* *********************************************************** */
.ui-datepicker-trigger{
	padding:0 4px 0 2px;
	height:18px;
}
#ui-datepicker-div input,
#ui-datepicker-div select{ width:auto; padding:0; }
.ui-datepicker-cover{ display:none; width:0 !important; height:0 !important; }
.ui-datepicker{
	background:url("../../pics/calendar/resultBoxBg.jpg") repeat-y center top #f0f0f0;
	margin-left:125px;
	margin-top:-20px;
	border:1px solid #C3C3C3;
	font-size:70%;
	padding:5px;
	width:190px; /* 158px */
	height:auto !important;
	height:180px;
	overflow:hidden;
	display:none;
}
.ui-datepicker-next,
.ui-datepicker-prev{
	padding:0 4px;
	cursor:pointer;
	float:left;
	overflow:hidden;
	display:block;
	text-indent:-9999999999px;
	width:4px;
}
a.ui-datepicker-prev{ background:url("../../pics/calendar/calendarPrev.gif") no-repeat; }
a.ui-datepicker-prev:hover{ background:url("../../pics/calendar/calendarPrevSelected.gif") no-repeat; }
.ui-datepicker-next{ float:right; }
a.ui-datepicker-next{ background:url("../../pics/calendar/calendarNext.gif") no-repeat; }
a.ui-datepicker-next:hover{ background:url("../../pics/calendar/calendarNextSelected.gif") no-repeat; }
.ui-datepicker-title{ 
	clear:both;
	text-align:center;
	position:relative;
	top:-16px;
	width:120px;
	margin:0 auto;
}
.ui-datepicker-header{ height:24px; }
.ui-datepicker table{ margin:0 auto; }
.ui-datepicker td{
	background:#FFF; 
	padding:3px 4px;
	text-align:center;
}
.ui-datepicker td a{ color:#5B5B5B; }
.ui-datepicker td.ui-datepicker-unselectable{ color:#BBB; }
.ui-datepicker td.ui-datepicker-current-day{ background:#5B5B5B; }
.ui-datepicker td.ui-datepicker-current-day a{ color:#FFF; }


/* *********************************************************** */
/* C.5 Top Menu	      								           */
/* *********************************************************** */
#Menu {
	width:807px;
	float:right;
	background:url("../../pics/top-header.png") no-repeat top left;
	padding:9px 0 11px 11px;
}
#TopMenu ul.topnav { list-style:none; }
#TopMenu ul.topnav li {
	float:left;
	border-right:solid 1px #6195C5;
	position:relative;
}
#TopMenu {
	color:#FFF;
	height:25px; 
	margin-left:-4px;
	position:relative;
	z-index:99; 
}
#TopMenu a {
	display:block;
	text-decoration:none;
	width:100%;
	text-align:center;
	color:#09548a;
}
#TopMenu ul.topnav {
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.2em;
}
#TopMenu ul.topnav li {
	float:left;
	margin:0;
	padding:6px 14px 0 14px;
	border-right:solid 1px #6195C5;
	position:relative;
}
#TopMenu ul.topnav li:hover {
	background: url("../../pics/top-header-hover.png") bottom left repeat-x;
}

#TopMenu ul.topnav li.last { border-right:none; }
#TopMenu ul.topnav li a{
	color:#09548a;
	display:block;
	text-decoration:none;
	float:left;
	font-size:12px;
    font-WEight:bold;
}
#TopMenu ul.topnav li:hover a{ 
	text-decoration:underline; 
	
}
#TopMenu ul.topnav li .subnav {
	position:absolute;
	left:0;
	top:25px;
	background:#FFF;
	margin:0; 
	padding:0;
	display:none;
	border:1px solid #6195C5;
	z-index:1;
}
#TopMenu ul.topnav li .subnav ul{
	margin:0;
	padding:0;
	width:150px;
	float:left;
}
#TopMenu ul.topnav li .subnav li{
	margin:0; 
	padding:0;
	padding:6px 0px 0px 14px;
	border:0;
	background:#FFF;
	text-transform:capitalize; 
	width:136px;
	list-style:none;
} 
#TopMenu ul.topnav li .subnav li:hover{ background:#CEE0EC; } 
#TopMenu ul.topnav li .subnav li a { color:#5B9BCB; }
#TopMenu ul.topnav li .subnav li a:hover { background:#CEE0EC; }

/* *********************************************************** */
/* C.6 Side Menu	      								       */
/* *********************************************************** */
#Wrapper #Navigation {
	width:229px;
	padding:10px;
	float:left;
	/*background:linear-gradient(to top, #e26d1e, #ed9025);*/

	border-radius:0 0 5px 5px;
	margin:-1px 0 10px 1px;
}
#Wrapper #Navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
#Wrapper #Navigation ul li {
	width:190px;
	margin-bottom:1px;
	margin-top:1px;
}
#Wrapper #Navigation ul li a {
	display:block;
	padding:5px;
	color:#2B2B2A;
	border-bottom:#E9E9E9 1px solid;
	text-decoration:none;
}
#Wrapper #Navigation ul li.last a { border-bottom:none; }
#Wrapper #Navigation ul li.sub { font-size:85%; }
#Wrapper #Navigation ul li.sub a {
	padding-left:25px;
	color:#00AFFF;
}
#Wrapper #Navigation ul li a:hover {
	background:#E9E9E9;
	text-decoration:none;
}
#Wrapper #Navigation ul li.AdminHeader {
	font-weight:bold;
	margin:8px 0px 6px 2px;
}
#Wrapper h2.nav-header {	
	background:url("../../pics/h3-header.png") no-repeat top left;
    width:230px;
    height:29px;
    float:right;
    padding:8px 0 0 20px;
    margin:0;
	position:relative;
	z-index:100;
}
#Wrapper #Navigation .blogPost p,
#Wrapper #Navigation .blogPost a { color:#005596; }
#Wrapper #Navigation .blogPost .read-more {
	display:block;
	text-decoration:none;
	margin:5px 0 0 0;
	font-weight:bold;
	
}
/* *********************************************************** */
/* C.7 Blog	      								               */
/* *********************************************************** */
.btnOpen,
.btnClose {
    background: url("../../pics/btnOpen.gif") no-repeat scroll right top transparent;
    display: inline-block;
    float: right;
    height: 18px;
    width: 19px;
}
.btnClose { background: url("../../pics/btnClose.gif") no-repeat scroll right top transparent; }

#Navigation .blogBox { 
	background:#e6eaee;
	padding:10px 10px 0 10px;
	margin:0 0 10px 0;
}

#Navigation .blogBox h4 {
	font-size:18px;
	font-weight:normal;
	padding:0 0 7px 0;
	margin:0 0 0 0;
	border-bottom:1px solid #CCC; 
}
#Navigation .blogBox .blogMenuA { 
	display:block;
	text-decoration:none;
	color:#000;
	padding:0 0 4px 5px;
}
#Navigation .blogBox .typeDiv { padding:10px 0 0 0; }
.blogTags { 
	display:inline-block;
	background:#ecebeb;
	color:#999;
	padding:3px 5px 3px 5px;
	margin:0 3px 0 3px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-decoration:none;
}
.blogTags:hover { background:#d4d4d4; }
.blogBox {
	background:#e6eaee;
	margin:0 0 10px 0;
	padding:10px 0 4px 20px;
	color:#444;
}
.blogBoxComments textarea,
.blogBoxComments input {
	padding:10px;
	font-size:16px;
}
.blogBoxComments table td.label { width:195px; }
.blogBoxComments table td { padding:0 0 10px 0; }

.blogBox h2 { margin:4px 0 6px 0; }

.blogBoxComments h4 {
	font-weight:normal;
	font-size:20px;
	margin:0 0 19px 0;
}
.blogCommentOrder { 
	float:right;
	margin:0 22px 0 0;
}
.blogTitle { 
	width:200px; 
	float:left;
}
.blogBox .blogButton { 
	background:#00496b;
	text-decoration:none;
	color:#FFF;
	padding:15px;
	display:inline-block;
	cursor:pointer;
}
.blogBox .blogButtonSmall { padding:6px; }

.blogComment { 
	background:#FFF; 
	width:700px;
	padding:15px;
	margin:0 0 10px 0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	position:relative;
}
.blogComment .blogRating { float:right; }
.blogComment .commentTime { float:right; }
.blogBox  .blogButtonUp,
.blogBox  .blogButtonDown { 
	width:15px;
	height:14px;
	padding:0;
	margin:0 0 0 5px;
}
.blogBox  .blogButtonDown { background:url("../../pics/blog/blogVoteDownOff.png") no-repeat scroll right top transparent; }
.blogBox .blogButtonDown:hover { background:url("../../pics/blog/blogVoteDownOn.png") no-repeat scroll right top transparent; }
.blogBox .blogButtonUp { background:url("../../pics/blog/blogVoteUpOff.png") no-repeat scroll right top transparent; }
.blogBox .blogButtonUp:hover { background:url("../../pics/blog/blogVoteUpOn.png") no-repeat scroll right top transparent; }

.blogCommentIndented:before {
	content:url("../../pics/blog/commentIndent.png");
	position: absolute;
	left: -40px;
	top: 14px;
}
.blogBoxReply {
	display:none; 
	margin:5px 0 0 0;
}
.blogResponse { padding:10px 20px 4px 20px; }
#relatedBlogs { margin:0 0 20px 0; }
#relatedBlogs .relatedBlog { 
	float:left; 
	width:162px;
	margin:0 35px 0 0;
}
#relatedBlogs .relatedBlogLast { margin:0 0 0 0; }
#relatedBlogs .relatedTitle  { margin:5px 0 0 0; }
#relatedBlogs .relatedTitle a {
	text-decoration:none;
	color:#003D5A;
}
#relatedBlogs .relatedRow { margin:0 0 10px 0; }
.blogPosts { 
	border-top:1px solid #CCC;
	padding:20px 0 0 0;
}
.blogPostsFirst { 
	border:none; 
	padding:0;
}
.blogPost { 
	float:left; 
	width:220px;
	margin:0 20px 0 0;
}

.blogPost:nth-of-type(3n+3) { margin:0 0 0 0; }
.blogPost h3 { margin:5px 0 5px 0;  }
.blogPost h3 a { 
	text-decoration:none;
	color:#003D5A;
}

/* *********************************************************** */
/* C.8 Banner	      								           */
/* *********************************************************** */
#Page #Banner {
	background:#FFF;
	margin:0 0 4px 0;
	border:1px solid #353F48;
}
#Page #Banner .image { padding:2px; }
#Page #Banner .slide, #Page #Banner #slidesContainer { position:relative; }
#Page #Banner .bannerContent, #Page #Banner .bannerBackground {
	top:0;
	left:70px;
	width:220px;
	height:265px;
	position:absolute;
	padding:10px 32px 16px 16px;
}
#Page #Banner .bannerBackground {
	background:#FFF;
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}
#Page #Banner .bannerContent h3.heading {
	color:#003D5A;
	font-family:Verdana,Arial;
	font-size:26px;
	margin:5px 0 10px -2px;
}
#Page #Banner .bannerContent p { font-family:Verdana,Arial; }
#Page #Banner .bannerContent p.body {
	font-size:17px;
	color:#3C3C3C;
}
#Page #Banner .bannerContent p.hook {
	font-size:28px;
	color:#FF00CC;
	font-weight:bold;
}
#Page #Banner .movePrev, #Page #Banner .moveNext {
	cursor:pointer;
	position:absolute;
	top:130px;
	width:30px;
	height:30px;
	display:none;
}
#Page #Banner .movePrev {
	left:10px;
	background:url('../../pics/banner/arrowLeftBg.png') top left no-repeat;
}
#Page #Banner .moveNext {
	right:10px;
	background:url('../../pics/banner/arrowRightBg.png') top left no-repeat;
}
#Page #Banner .slideNo, #Page #Banner .slideNoOn {
	cursor:pointer;
	width:20px;
	position:absolute;
	bottom:3px;
	background:url('../../pics/banner/slideBtn.png') top left no-repeat;
}
#Page #Banner .slideNoOn { background:url('../../pics/banner/slideBtnOn.png') top left no-repeat; }


/* *********************************************************** */
/* C.11 Login	      								           */
/* *********************************************************** */
#result { 
	width:338px;
	display:none;
	border-radius:1px;
	margin:10px 0 53px 0;
}
#result div { 
	float:left;
	height:25px;
	display:none;
	padding:10px 0 3px 5px;
	font-size:14px;
}
#result .level-1 { 
	background:#fca9a9;
	width:80px;
}
#result .level-2 { 
	background:#e8e000;
	width:160px;
}
#result .level-3 { 
	background:#f49b00;
	width:235px;
}
#result .level-4 { 
	background:#00dd34;
	width:337px;
}

.popup-panel-overlay {
	background:rgba(0,0,0,.6);
	display:none;
	height:100%;
	left:0;
	overflow-y:auto;
	position:fixed;
	top:0;
	width:100%;
	z-index:2000;
}
.popup-panel-overlay .popup-panel {
	background:#a8d6f3;
	border-radius:3px;
	margin:40px auto 10px auto;
	position:relative;
	width:730px;
	z-index:25;
	padding:1%;
	top:7%;
}
.terms-close { 
    float:right;
    font-size:23px;
    color:#fff;
    margin:7px;
	cursor:pointer;
}


/* *********************************************************** */
/* Member Checker   								           */
/* *********************************************************** */
#member-checker {
	border:1px solid #005a9b;
}
#member-checker-header {
	padding:24px 20px 39px 20px;
	background:#005a9b url('../../pics/member-checker.gif') top 24px right 24px no-repeat;
	color:#FFF;
}
#member-checker-header a { color:#FFF; }
.popup-panel #member-checker-header { background:#005a9b; }
#member-checker-header p,
#member-checker-header h1 { margin:0; }
#member-checker-header h1 { 
	margin:0;
	padding:0;
	height:auto;
	background:none;
	color:#e9782a;
	font-size:36px;
	font-family:"FrutigerLTStd";
}
#member-checker-header h2 { 
	margin:12px 0 16px 0;
	font-size:22px; 
}
#member-checker-header p { 
	width:500px; 
	color:#FFF;
}
.popup-panel #member-checker-header p { 
	width:auto; 
	color:#FFF;
}
#member-checker-body {
	padding:20px 17px 20px 17px;
	background:#a8d6f3;
}
#member-checker-body .table-form .label{
	width:128px;
	color:#005a9b;
	font-size:14px;
}
#member-checker-body .table-form label { color:#005a9b; }
#member-checker-body .table-form .schemes-required {
	width:100%;
}

#member-checker-body .table-form textarea,
#member-checker-body .table-form input[type=text],
#member-checker-body .table-form input[type=password]  { 
	width:98.4%; 
	border:0;
	padding:0.8%;
}
#member-checker-body .table-form tr td { padding:0 5px 8px 5px; }
#member-checker-body .table-form td.options { 
	padding:10px 0 0 0; 
	text-align:right;
}
#member-checker .table-results th,
#member-checker .table-results td {
	padding:5px 5px 5px 10px;
	text-align:left;
	color:#005a9b;
}
#member-checker .table-results td i { color:green; }
#member-checker .table-results td.options { text-align:right; }
#member-checker .table-results td.label {
	width:254px;
	font-weight:bold;
	border-right:1px solid #005a9b;
}
#member-checker .table-results td.gap { height:12px; } 
#member-checker .table-results th { 
	font-size:14px; 
	background:#005a9b;
	color:#FFF;
}
#member-checker .table-results tr {
	background:#ccebff;
}
#member-checker .table-results tr.white,
#member-checker .table-results tr:nth-child(odd)		{ background-color:#fff; }
#member-checker .table-results-certificate { display:none; }
#member-checker .table-results-open {
	cursor:pointer;
	width:16px;
	height:10px;
	margin-top:3px;
	background:url("../../pics/member-checker-open.gif") top left no-repeat;
	display:inline-block;
	float:right;
}
#member-checker .table-results-open.closed { background:url("../../pics/member-checker-close.gif") top left no-repeat; }