@charset "utf-8";
/* CSS Document */

.error-box {
	border:1px solid #ff0000;
	background-color:#ffbbbb;
	padding:5px;
	color:#000000;
	margin-bottom:5px;
	margin-right:10px;
}
.error{color:#ff0000;}
.header{ margin:0; padding:15px 0 0 0; border-bottom:5px solid #fcb040;}
.logo{ padding-top:10px; padding-bottom:10px;}
.header h3{ color:#fcb040; font-size:20px; font-weight:400; text-align:right; margin:0; padding:0}
.header h3 span{ color:#36698A; display:block;}
.navigation{ padding-top:20px;}
.title{margin:0; text-align:center; color:#3E4156; }
.back{text-align:center; }
nav{display:block; }
.mobile-menu i{ margin-right:5px; }
.menu{display:block; margin:0; padding:0; list-style:none; text-align:right }
.menu li{display:inline-block; position:relative; z-index:100; font-size:18px; }
.menu li a{text-decoration:none; padding:6px 15px 6px 40px; display:block; color:#fff; background:url(../images/menu-icon.png) no-repeat 8px #fcb040; border-radius:6px 6px 0 0; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.menu li a:hover, .menu li:hover > a,  .menu li.active > a{color:#000; }
.menu ul{display:none; padding:5px 0 8px 0; width:200px; position:absolute; top:100%; left:50%; margin-left:-100px; border-top:5px solid #fcb040; background:#ccc; border-radius:0 0 6px 6px;}
.menu ul li{display:block; float:none; background:none; margin:0; padding:0; text-align:center; }
.menu ul li a{font-size:15px; font-weight:normal; display:block; color:#000; background:none; padding:8px;  border-radius:0;  }
.menu ul li a:hover, .menu ul li:hover > a{background:#36698A; color:#fff;}
.menu li:hover > ul{display:block; }
.menu ul ul{left:149px; top:0px; }
.mobile-menu{display:none; width:100%; padding:8px 15px; color:#ffffff; text-transform:uppercase; font-size:16px; text-decoration:none; background:#fcb040; }
.mobile-menu:hover,  .mobile-menu:focus{background:#fcb040; color:#ffffff; text-decoration:none; }
.mobile-menu i{ margin-right:8px; }
@media (min-width: 768px) and (max-width: 991px) {
.navigation{ padding-top:15px;}
.mainWrap{width:768px; }
.menu ul{top:100%; }
.menu li a{font-size:18px; padding:6px 15px 6px 40px; }
}
@media (max-width: 767px) {
.navigation{ padding-top:15px; /*margin:0 -15px;*/}
.mainWrap{width:auto; padding:50px 20px; }
.menu{display:none; text-align:left !important;}
.mobile-menu{display:block; }
nav{margin:0; background:none; }
.menu li{display:block; margin:0; background:none; text-align:left !important; }
.menu li a{color:#fff; border-top:1px solid #eeeeee; background:#fcb040; padding:8px 10px; border-radius:0; }
.menu li a:hover, .menu li:hover > a{background:#fff; color:#000; }
.menu ul{display:block; position:relative; top:0; left:0; width:100%; right:0; margin:0; border-radius:0; padding:0;}
.menu ul ul{left:0; }
}


.banner{ margin:0; padding:0; background:#36698a;}
.carousel-caption h2{ margin:0; padding:15px 40px; background:rgba(140,160,181, 0.8); border-radius:0 30px 30px 0; display:inline-block;}


.tab-wrap{ margin:0; padding:0; background:#98b4c5; -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4); color:#fff;}
.tab-wrap .container{ position:relative;}
ul.resp-tabs-list{margin:0px; padding:0px; position:absolute; top:-34px; text-align:right; left:0; right:15px; z-index:99999;}
.resp-tabs-list li {font-weight:300; font-size:16px; display:inline-block; padding:8px 15px; margin:0; list-style:none; cursor:pointer; background:#98b4c5; border-radius:6px 6px 0 0}
.resp-tabs-container {padding:0px; clear:left; }
h2.resp-accordion {cursor:pointer; padding:5px; display:none; }
.resp-tab-content {display:none; padding:30px 0; }
.resp-tab-active {/*border:1px solid #c1c1c1;*/ border-bottom:none; margin-bottom:-1px !important; padding:8px 15px !important; color:#55809c; }
.resp-tab-active {border-bottom:none; background-color:#fff; }
.resp-content-active, .resp-accordion-active {display:block; }
.resp-tab-content {/*border:1px solid #c1c1c1;*/ }
h2.resp-accordion {font-size:20px; /*border:1px solid #c1c1c1; border-top:0px solid #c1c1c1;*/ margin:0px; padding:10px 15px; }
h2.resp-tab-active {/*border-bottom:0px solid #c1c1c1 !important;*/ margin-bottom:0px !important; padding:10px 15px !important; }
h2.resp-tab-title:last-child {border-bottom:12px solid #fff !important; background:blue; }
/*-----------Vertical tabs-----------*/.resp-vtabs ul.resp-tabs-list {float:left; width:30%; }
.resp-vtabs .resp-tabs-list li {display:block; padding:15px 15px !important; margin:0; cursor:pointer; float:none; }
.resp-vtabs .resp-tabs-container {padding:0px; background-color:#fff; /*border:1px solid #c1c1c1;*/ float:left; width:68%; min-height:250px; border-radius:4px; clear:none; }
.resp-vtabs .resp-tab-content {border:none; }
.resp-vtabs li.resp-tab-active {/*border:1px solid #c1c1c1;*/ border-right:none; background-color:#fff; position:relative; z-index:1; margin-right:-1px !important; padding:14px 15px 15px 14px !important; }
.resp-arrow {width:0; height:0; float:right; margin-top:3px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #fff; }
h2.resp-tab-active span.resp-arrow {border:none; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:12px solid #fff; }
/*-----------Accordion styles-----------*/
h2.resp-tab-active {background:#36698A !important; color:#fff; }
.resp-easy-accordion  h2.resp-accordion {display:block; }
.resp-easy-accordion .resp-tab-content {/*border:1px solid #c1c1c1;*/ }
.resp-easy-accordion .resp-tab-content:last-child {/*border-bottom:1px solid #c1c1c1 !important;*/ }
.resp-jfit {width:100%; margin:0px; }
.resp-tab-content-active {display:block; }
h2.resp-accordion:first-child {/*border-top:1px solid #c1c1c1 !important;*/ }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 767px) {
ul.resp-tabs-list {display:none; }
h2.resp-accordion {display:block; background:#fcb040; color:#fff; margin:0 -15px; border-bottom:1px solid #98b4c5; }
.resp-vtabs .resp-tab-content {/*border:1px solid #C1C1C1;*/ }
.resp-vtabs .resp-tabs-container {border:none; float:none; width:100%; min-height:initial; clear:none; }
.resp-accordion-closed {display:none !important; }
.resp-vtabs .resp-tab-content:last-child {/*border-bottom:1px solid #c1c1c1 !important;*/ }
.resp-tab-content{ padding:20px 5px;}
}
.tab-wrap h3{ margin:0 0 15px ; padding:12px 0 12px 65px; background:url(../images/icon1.png) no-repeat left; font-size:34px; font-weight:300; line-height:60px;}
.tab-wrap h3 span{ text-decoration:underline;}
.tab-wrap p{ font-size:15px;}

.body-wrap{ margin:0; padding:30px 0;}

.top-wrap{ margin:0; padding:0; color:#98b4c5;}
.top-wrap h1{ margin:0 0 15px ; padding:0 0 0 65px; background:url(../images/icon2.png) no-repeat left; font-size:30px; font-weight:300; line-height:50px;}
.top-wrap h1 span{ text-decoration:underline;}
.top-wrap p{ font-size:15px; color:#396889;}
.top-wrap ul{ margin:0; padding:0 0 0 20px; list-style:none;}
.top-wrap ul li{ font-size:15px; list-style-image:url(../images/bullet.png); color:#396889;}

.three-col{ margin:30px 0 0 0; padding:0;}
.box{ margin:15px 0 0 0; padding:30px; background:#fcb040; color:#fff;}
.circle{width:200px; margin:0 auto 15px;}
.box h4{ margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #fff; font-size:24px; font-weight:300;}
.box a{ float:right; background:#fff; color:#fcb040; font-size:15px; display:inline-block; padding:4px 10px;}
.box a:hover{ color:#396889; text-decoration:none;}
.box p{ font-size:15px;}

.table-wrap{ margin:45px 0 0 0; padding:0;}
.table-wrap table{ margin:0;}
.table-wrap table.home-table th{ background:#98b4c5; text-align:left; color:#fff; font-weight:400;}
.table-wrap table.home-table td{ text-align:left; color:#98b4c5;}
.table-wrap table.table-bordered > thead > tr > td,
.table-wrap table.table-bordered > tbody > tr > td,
.table-wrap table.table-bordered > tfoot > tr > td {
  border: 1px solid #98b4c5;
}


.bottom-wrap{ margin:45px 0 0 0; padding:0;}
.bottom-wrap h2{ margin:0; padding:0 0 8px 0; color:#98b4c5; font-size:30px; font-weight:300;}
.bottom-wrap h2 span{ text-decoration:underline;}
.bottom-wrap p{ font-size:15px; color:#396889;}


.footer{ margin:0; padding:30px 0; background:#36698a; color:#98b4c5; -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4);}
.footer h5{ margin:0 0 8px 0; padding:0 0 5px 0; border-bottom: 1px solid #98b4c5; font-size:20px; font-weight:400;}
.footer p{ font-size:15px;}
.footer ul{ margin:0; padding:0; list-style:none;}
.footer ul li{ margin:0 2px 0 0; display:inline-block;}

.copy{ margin:0; padding:10px 0; color:#396889}
.border{ margin:0; padding:0; border-bottom:5px solid #091b26;}

.inner-container{ margin:0; padding:0;}
.wrapper{ margin:0; padding:0; background:url(../images/blu-bg.jpg) repeat-y scroll right center / 33.3333% 33.3333%; min-height:700px;}

.left-col{ margin:0; padding:15px 10px 15px 15px; color:#396889;}
.left-col h1{ margin:0 0 15px ; padding:0 0 0 65px; background:url(../images/icon3.png) no-repeat left; font-size:30px; font-weight:300; line-height:52px;}
.left-col h1 span{ text-decoration:underline;}
.left-col p{ font-size:15px; color:#396889; margin:0; padding:0 0 20px;}
.left-col ul{ margin:0; padding:0 0 20px 20px; list-style:none;}
.left-col ul li{ font-size:15px; list-style-image:url(../images/bullet.png); color:#396889;}
.left-col h2{ margin:0; padding:0 0 6px 0; font-weight:300; border-bottom:1px solid #396889;}
.left-col h3{ margin:0; padding:0 0 6px 0; font-weight:300;}

.blockquote{ margin:0 0 25px 0; padding:38px 25px 38px 205px; background:url(../images/icon4.png) no-repeat left #98b4c5;}
.blockquote blockquote{ margin:0; padding:0 0 8px 0; font-style:italic; color:#fff; font-size:17px; border:none;}
.blockquote cite{ color:#fff; font-size:24px; font-style:normal;}
.blockquote a{color:#fff;}

.two-box{ margin:0 0 10px 0; padding:0;}
.box-1{ margin:0 0 15px 0; padding:25px; background:#fff; border:1px solid #36698a; color:#36698a;}
.box-2{ margin:0 0 15px 0; padding:25px; background:#fcb040; border:1px solid #fcb040; color:#fff;}
.two-box h4{ margin:0 0 8px 0; padding:0 0 5px 0; font-size:24px; font-weight:300;}
.two-box p{ margin:0; padding:0; font-size:15px;}
.box-1 h4{ border-bottom:1px solid #36698a;}
.box-2 h4{ border-bottom:1px solid #fff;}
.box-2 p{ color:#fff;}

.inner-table{ margin:0; padding:0;}
.inner-table table{ margin:0;}
.inner-table table.home-table th, .th{ background:#36698a; text-align:left; color:#fff; font-weight:400;}
.inner-table table.home-table td{ text-align:left; color:#36698a;}
.inner-table table.table-bordered > thead > tr > td,
.inner-table table.table-bordered > tbody > tr > td,
.inner-table table.table-bordered > tfoot > tr > td {
border: 1px solid #98b4c5;
}

.right-col{ margin:0 0 0 -20px;}
.widget-box{ margin:0; padding:20px; color:#fff;}
.widget-box h2{ margin:0 0 8px 0; padding:0 0 5px 0; color:#fff; font-weight:300; font-size:30px; border-bottom:1px solid #fff;}
.widget-box h3{ margin:0 0 8px 0; padding:0 0 5px 0; color:#98B4C4; font-weight:300; font-size:30px; border-bottom:1px solid #98B4C4;}
.colored{ background:#36698a; border-bottom:2px solid #fff; border-top:2px solid #fff;}
.widget-box ul{ margin:0; padding:0; list-style:none;}
.widget-box ul li{ margin:0 0 2px 0; padding:0 0 2px 0; border-bottom:1px solid #fff; font-size:24px;}
.widget-box a{ color:#fff; text-decoration:none;}
.widget-box a:hover{ color:#36698a; text-decoration:none;}

.inner-banner{ margin:0; min-height:55px; padding:5px 0; background:url(../images/top-bg.jpg) top center;}
.wrapper2{ margin:0; padding:0; background:url(../images/blu-bg.jpg) repeat-y scroll left center / 100%; min-height:700px;}

.left-col-inner{ margin:0; padding:15px 10px 15px 15px;}
.right-col-inner{ margin:0; padding:15px 0 !important}

.button{ margin:0 0 15px 0; line-height:50px; padding:6px 12px; display:block; background: url(../images/icon5.png) no-repeat 90% #fcb040; color:#fff; text-decoration:none; font-weight:bold; border-radius:8px; text-align:center; font-size:24px;}
.button:hover{ background:  url(../images/icon5.png) no-repeat 90%  #36698A; color:#fcb040; text-decoration:none;}

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  
  font-size: 1em;
  position: relative;
}
#cssmenu {
	padding-bottom:30px;
/*  border-bottom: 4px solid #656659;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;*/
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu > ul > li:first-child {}
#cssmenu > ul > li {
margin-bottom:8px;
}
#cssmenu > ul > li:hover {}
#cssmenu > ul > li > a {
  font-size: 18px;
  display: block;
  background: url(../images/hor-menu-icon.png) no-repeat 10px #36698a;
  padding:0 0 0 60px;
  line-height:44px;
  color: #ffffff;
  border-radius:8px;
  text-transform:uppercase;
  /*border: 1px solid #ba2f14;
  border-top: none;
  text-shadow: 0 -1px 1px #751d0c;*/
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 5px 0;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
  color:#fcb040; 
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(../images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(../images/icon_minus.png) 96% center no-repeat;
}

#cssmenu ul ul {
  display: none;
  padding-bottom:10px;
  background:#98b4c5; padding:10px;
  border-radius:8px;
  margin-left:15px;
 
}
#cssmenu ul ul li {
  padding: 0;
  border-top: none;
  
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding:5px 10px;
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  border-bottom:1px solid #fff;
  background:#98b4c5
}
#cssmenu ul ul li:first-child a{ border-top:1px solid #fff;}
#cssmenu ul ul a:hover {
  color:#36698a !important;
  background:#c7d5df;
}

/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width: 1200px) {
} 
/* END__ */

/* Large then standart */
@media (min-width: 960px) {
} 
/* END__ */

/* standart desktop */
@media (max-width: 1200px) {
} 
/* END__ */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
.carousel-caption{ bottom:10px; padding-bottom:10px;}
.carousel-caption h2{ font-family:20px !important;}
.circle{ width:150px;}
.box{ padding:20px;}
.blockquote{ margin:0 0 25px 0; padding:0 25px 25px 150px; background:url(../images/icon4-sm.png) no-repeat left  top #98b4c5;}
.wrapper{ margin:0; padding:0; background:url(../images/blu-bg.jpg) repeat-y scroll right center / 41.6667% 41.6667%;}
.right-col{ margin:0 0 0 -18px;}
.left-col { padding:15px 0}
} 
/* END__ */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.header h3{ text-align:center;}
.logo{ text-align:center; padding-top:0;}
.logo img{ display:inline-block;}
.wrapper2{ min-height:0px;}
.header{ padding-bottom:0;}
/*.banner{ margin:0 -15px;}*/
.carousel-caption{ bottom:10px; padding-bottom:10px;}
.carousel-caption h2{ margin:0; padding:6px 10px; font-size:18px;}
.carousel-control.left { height:40px; width:40px; border:1px solid #8ca0b5; border-radius:50%; line-height:40px; color:#8ca0b5; top:50%; left:10px; margin-top:-15px;}
.carousel-control.right { height:40px; width:40px; border:1px solid #8ca0b5; border-radius:50%; line-height:40px; color:#8ca0b5; top:50%; right:10px; margin-top:-15px;}
.carousel-control{ font-size:20px;}
.tab-wrap h3{ font-size:24px;}
.top-wrap h1{ font-size:24px}
.wrapper{ background:none;}
.right-col{ margin:15px 0 0; background:#091b26;}
.blockquote{ margin:0 0 25px 0; padding:0 25px 25px 130px; background:url(../images/icon4-sm.png) no-repeat left  top #98b4c5;}
} 

footer li a:hover{ color:#fff; }
footer li span, footer li a{ color:#98b4c5; font-family: 'Ubuntu', sans-serif !important; }
input, select  { color:#396889; padding:5px 10px 5px 10px;}
input[type="submit"] { padding:5px 25px 5px 25px; float:right;}
input[type="submit"].slim, select.slim {padding:0 25px 0 25px;}
input[type="checkbox"].slim {margin:0;}
.system-wrap{ margin-top:0; padding:0; background:none; border-top:2px solid #98b4c5; -webkit-box-shadow: none; box-shadow: none; color:#fff;}
.system-wrap ul { margin-top:-5px; }
.faq-question{ padding:10px 25px 10px 25px; background:#36698a; border:1px solid #000; border-top:0px; color:#fff; cursor:pointer;}
.faq-question:first-of-type {border-top:1px solid #000;}
.faq-question big { font-size:20px; margin-right:20px;}
.faq-answer{ display:none; padding:10px 25px 10px 25px; background:#fff; border:1px solid #000; border-top:0px; color:#000; cursor:pointer;}
.risk-key {float:left;text-align:center;width:150px;border-left:1px solid #000;}
.risk-full{ display:none; padding:10px 25px; background:#fff; border:1px solid #000; border-top:0px; color:#000;}
.risk-key-ms {float:left;text-align:center;font-size:12px;border-left:1px solid #000;height:20px;vertical-align:middle;}
.risk-name-ms {float:left;width:301px;padding-left:5px;font-size:12px;overflow:hidden;white-space:nowrap;}
.risk-full-ms{ display:none; padding:0px 	5px; background:#fff; border:1px solid #000; border-top:0px; color:#000;}

.warning { color:#ff0000; background:#ffeeee; border-radius:5px; padding:5px; border:1px solid #ff0000; }
/* END__ */
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
} 
/* END__ */

/* Landscape phones and down */
@media (max-width: 480px) {
} 
/* END__ */


.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next:after {
    float: left;
    content: "\25b6";
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev:after {
    float: right;
    content: "\25C0";
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}
.pikaday {
	width:100px;
	cursor:pointer;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

div.scrollable { 
	width:calc(100%-300px);
	overflow-x:scroll;  
	margin-left:300px; 
	overflow-y:visible;
}
.scrollable .headcol {
	position:absolute; 
	width:300px;
	margin-left:-300px;
	top:auto;
}
.scrollable td {padding:0px !important;vertical-align:middle !important;}
.scrollable input[type=text] {border:0px;}
.system-chart {
	position:relative;
	top:-110px;
	width:50%;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
}
.rag-dot {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	margin-right:6px;
	vertical-align:middle;
	border:1px solid rgba(0,0,0,0.15);
}
.rag-0 { background-color:#c62828; }
.rag-1 { background-color:#f9a825; }
.rag-2 { background-color:#2e7d32; }
.rag--1 { background-color:#bdbdbd; }
#cssmenu .rag-dot {
	margin-right:4px;
}
.green {
	color:#0a0;
}
.red {
	color:#a00;
}
.grey {
	color:#ccc;
}
.center {
	text-align:center !important;
}

.colour-1 {
	background-color:#4c4;
}
.colour-2 {
	background-color:#9f9;
}
.colour-3 {
	background-color:#ff6;
}
.colour-4 {
	background-color:#fa6;
}
.colour-5 {
	background-color:#f66;
}
.disabled {	
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.own-logo {
	max-height:125px;
	max-width:300px;
}
.pro-head {
	background-color:#5e87a1 !important;
}
.pro {
	background-color:#eee;
	font-size:18px;
}