﻿/*
Colors:
font dark: color:#3f3d3e;
font regular: color:#6e6e6f;
font active: color:#e42224;

Font - Sizes :
h1:
h2:
h3:
h4:

*/

body {background:#f3f3f3 url(/sites/{{SITEID}}/themes/grey/images/bodybg.jpg) repeat-x scroll left top;height:100%;}
#page {width:950px;height:100%;}
#h4{background-color:#6663fc;}
h1 {color:#fff;font-size:36px;}
#bodyStarts{min-height:50px; height:auto !important;  height:50px;width:950px;margin:0px auto;margin-top:50px;}
#bodyCloses{z-index:1;width:100%;margin:0px auto; height:96px;background:#e2e2e2 url(/sites/{{SITEID}}/themes/grey/images/footerBG.jpg) repeat-x scroll left top;}
#header{min-height:25px; height:auto !important;  height:25px;}
#content{background-color:#fff;width:924px;height:100%;z-index:3;padding:13px;padding-bottom:5px;}
#empty{min-height:500px; height:auto !important;  height:500px;}
#footer{position:absolute;z-index:10;  bottom:-46px;left:0px;width:950px;height:46px;display:block; background:#e2e2e2 url(/sites/{{SITEID}}/themes/grey/images/pageBottomBG.jpg) no-repeat scroll center top;}
#navigationContent{width:202px;min-height:100px; height:auto !important;  height:100px;padding:10px;}
#sideContent{width:100px;min-height:100px; height:auto !important;  height:100px;}
#mainContent{width:924px;min-height:645px; height:auto !important;  height:645px;}
#mainContent2c{width:690px;min-height:645px; height:auto !important;  height:645px;}
#mainContent3c{width:450px;min-height:645px; height:auto !important;  height:645px;}
.wrapper{padding:0px;height:100%;}
.holder{padding:0px;height:100%;}
.clearModule{height:10px;}
.image{margin-right:2px;}

/*menus modules*/
#header .customMenuH{width:926px;padding:0px 12px;height:57px;display:block;position:relative;background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBg.png) no-repeat scroll;}
#header .customMenuH li{display:inline;position:relative; background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBg.png) no-repeat scroll;}
#header .customMenuH li a{display:inline-block;color:#6e6e6f;text-decoration:none;outline:0;font-size:13px;height:37px; width:auto;padding:20px 35px 0px 35px;font-weight:bold;text-align:center; background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuSeparator.jpg) no-repeat scroll left top;}
#header .customMenuH li.first{background-position:left top;}
#header .customMenuH li.first a{background-image:none;}
#header .customMenuH li.item{background-position:center top;}
#header .customMenuH li.last{background-position:right top;}

#header .customMenuH li.firstActive{background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBgHover.png) no-repeat scroll left top;}
#header .customMenuH li.firstActive a{color:#e42224;background-image:none;}
#header .customMenuH li.itemActive{background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBgHover.png) no-repeat scroll center top;}
#header .customMenuH li.lastActive{background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBgHover.png) no-repeat scroll right top;}

#header .customMenuH li.first:hover{background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBgHover.png) no-repeat scroll left top;}
#header .customMenuH li.first:hover a{color:#e42224;}
#header .customMenuH li.firstActive a{color:#e42224;}
#header .customMenuH li.item:hover{background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBgHover.png) no-repeat scroll center top;}
#header .customMenuH li.item:hover a{color:#e42224;}
#header .customMenuH li.itemActive a{color:#e42224;}
#header .customMenuH li.last:hover{background:transparent url(/sites/{{SITEID}}/themes/grey/images/menuBgHover.png) no-repeat scroll right top;}
#header .customMenuH li.last:hover a{color:#e42224;}
#header .customMenuH li.lastActive a{color:#e42224;}
#header .secondLevel{display:none;}

#footer .customMenuH {text-align:center;position:relative;margin:0px auto;margin-top:50px;width:950px;}
#footer .customMenuH li{display:inline;}
#footer .customMenuH li.first{border:none;}
#footer .customMenuH li a{color:#3f3d3e;text-decoration:none;font-weight:bold;}
#footer .customMenuH ul.secondLevel{display:none;}

#header .customMenuRad{width:950px;z-index:5;}
#footer .customMenuRad{width:950px;z-index:5;}
/* vertical menu*/
.customMenuV {width:197px;}
.customMenuV ul{list-style:none;}
.customMenuV ul li{display:block;width:175px;height:20px;padding-top:7px; position:relative;list-style:none; background:transparent url(/sites/{{SITEID}}/themes/grey/images/bullet.png) no-repeat scroll left center;}
.customMenuV ul li a{text-decoration:none;font-weight:bold;color:#434344;}
.customMenuV ul li a:hover{color:#e42224;}
.customMenuV ul li div{display:none;position:absolute;}


/* === FORM CONTROLS === */
.form fieldset { border: 1px solid #ccc;  }
.form fieldset legend { }
.form ol li {clear:left; }
.form ol li.title { }
.form ol li.checkbox { }
.form ol li select { border: 1px solid #ccc;  }
.form ol li label { }
.form ol li .validator { }
.form ol li table label { }
.form ol li table td { }
.form ol li input[type=text] { border: 1px solid #ccc; }
.form ol li input[type=password] {border: 1px solid #ccc;  }
.form ol li h6 { }
.form ol li a {  }
.form ol li textarea { border: 1px solid #ccc;}


/*page title module*/
#pageTitle {color:#3f3d3e;font-size:22px;font-weight:100;height:36px; padding-bottom:5px;width:455px;}

/*BUTTONS*/
.buttons{width:90px;height:25px;color:#fff;font-weight:bold;font-size:16px;border:0;outline:0; background:transparent url(/sites/{{SITEID}}/themes/grey/images/buttonBigBG.png) no-repeat scroll ;}

/* --------- Titles -------- */

#mainContent .wpTitle, #mainContent2c .wpTitle, #mainContent3c .wpTitle, #header .wpTitle, #header .wpTitle { color: #3c3b3b; font-weight: bold; position: relative; top: 0px; right: 0px; font-weight: bold; height: 28px; width: auto; padding-right: 10px; padding-top: 8px; }
#navigationContent .wpTitle, #sideContent .wpTitle { color: #3c3b3b; font-weight: bold; position: relative; top: 0px; right: 0px;font-weight: bold; height: 26px; width: auto; padding-right: 10px; padding-top: 5px; }
#mainContent .wpTitle, #mainContent2c .wpTitle, #mainContent3c .wpTitle, #header .wpTitle {  margin-bottom: 8px; }

h1.wpTitle { font-size: 26px; }
h2.wpTitle { font-size: 24px; }
h3.wpTitle { font-size: 20px; }
h4.wpTitle { font-size: 16px; }
h5.wpTitle { font-size: 14px; }
h6.wpTitle { font-size: 12px; }

/* ----------- Lists ---------- */
.list ul { list-style: none; padding-top: 0px ;padding-bottom: 20px; height:100%;}
.list ul li span { font-weight: bold; color: #e42224; }
.list ul li p { color: #000; }
.list ul li { position: relative; width: 100%; border-bottom: 1px dotted #b4b4b4; padding: 10px 0px; margin-bottom: 5px; }


.list_expandable ul li span { cursor: hand; cursor: pointer; }
.list_expandable ul li span.expandable { background: transparent url(/sites/{{SITEID}}/themes/Grey/images/expandArrow.jpg) no-repeat scroll; }
.list_expandable ul li span.expanded { background: transparent url(/sites/{{SITEID}}/themes/Grey/images/shrinkArrow.jpg) no-repeat scroll; }
.list_expandable ul li p { display: none; }

.list_images ul li { height: 100px; }
.list_images ul li span { position: absolute; top: 10px; }
.list_images ul li p { position: absolute; top: 25px; }
.list_images ul li img { position: absolute;  top: 0px; }

.list_anchors .list_source { list-style-type: disc; }
.list_anchors .list_source li { border: none; height: auto; width: auto; position: static; padding: 0px; }
.list_anchors .list_source li a { color: #393d40; }

.anchorListTargets li { list-style: none; position: relative; width: 100%; border-bottom: 1px dotted #b4b4b4; padding: 10px 0px; margin-bottom: 5px; }

.backtotop { color: #393d40;text-decoration:underline;  }

.list_imagesonly ul { padding-top: 20px; padding-right: 25px; }
.list_imagesonly ul li { border: none; display: block; width: 123px; height: 84px; padding: 5px; float: right; position: relative; margin-left: 7px; background: transparent url(/sites/{{SITEID}}/themes/Grey/images/bgCourseListImage.jpg) no-repeat scroll center center; }
.list_imagesonly ul li img { width: 118px; height: 82px; margin: 2px 4px; }

.list_imagedesc ul { padding-top: 20px; padding-right: 25px; }
.list_imagedesc ul li { border: none; display: block; width: 123px; height: 154px; padding: 5px; float: right; position: relative; margin-left: 17px; background: transparent url(/sites/{{SITEID}}/themes/Grey/images/bgCourseListImage.jpg) no-repeat scroll center top; }
.list_imagedesc ul li img { width: 118px; height: 82px; margin: 1px auto 10px; display: block; position: relative; }

/*------- NEWS ---------*/
.news ul { list-style: none; }
.news ul li { position: relative; width: 100%; border-bottom: 1px dotted #b4b4b4; padding: 10px 0px; margin-bottom: 5px; }
.news ul li a { text-decoration: none; color: #393d40; font-weight: bold; font-size: 13px; }
.news ul li h4 { text-decoration: none; color: #393d40; font-weight: bold; font-size: 13px; }
.news ul li span { color: #e42224; font-weight: bold; }

.all_link { position: absolute; font-weight: normal; left: 30px; color: #393d40; text-decoration: underline; }

/*--- galleries select ---*/
.allGalleriesHolder { width: 936px; display: block; position: relative; margin: 10px auto; padding-bottom:20px;}
.galleries_select { height: 175px; width: 936px; overflow: hidden; display: block; position: relative; background: transparent url(/sites/{{SITEID}}/themes/Grey/images/bg_gallery_select.jpg) no-repeat scroll; }
.galleries_select ul { list-style: none; }
.galleries_select ul li { width: 113px; height: 160px; display: block; position: relative; margin-top: 13px;  background-color: #fff; }
.galleries_select ul li a { text-decoration: none; }
.galleries_select ul li a img { height: 111px; display: block; border: 0px; margin: 3px auto; }
.galleries_select ul li a span { width: 107px; text-decoration: none; height: 35px; display: block; background-color: #ececec; color: #000; padding: 0px 3px; text-align: center; }

.galleries_select ul li.active { background: #fff url(/sites/{{SITEID}}/themes/Grey/images/bg_gallery_active.jpg) no-repeat scroll center bottom; }
.galleries_select ul li.active a span { background-color: #000; color: #fff; }

.galleries_select ul li:hover { background: #fff url(/sites/{{SITEID}}/themes/Grey/images/bg_gallery_active.jpg) no-repeat scroll center bottom; }
.galleries_select ul li:hover a span { background-color: #000; color: #fff; }

.galleries_select .controls { width: 11px; height: 114px; z-index: 100; position: absolute; top: 0px; display: block; background-color: #000; background-position: center center; background-repeat: no-repeat; }
.galleries_select .controls:hover { background-color: #ccc; }

.activeGallery { position: relative; width: 936px; display: block; margin-top: 20px; }
.activeGalleryImages { width: 440px; position: relative; display: block;  }
.activeGalleryImageHolder { width: 439px; padding: 3px;  display: block; position: relative;   }
.activeGalleryImage {  margin: auto auto; display: block; position: relative; }
.activeGalleryImageDescription { width: 440px; height: 105px; display: block; position: relative; float: left;margin-left:20px; }
.activeGalleryImageDescription h3 { height: 8px;font-size:14px; width: auto; padding: 10px 15px; display: block; color: #e42224; margin-bottom: 15px;border-bottom:1px solid #ccc; }
.activeGalleryImageDescription p { width: auto; padding: 0px 15px; }

.activeGalleryImages ul { list-style: none; }
/*.activeGalleryImages ul li {  padding:3px; display: block; position: relative; float: right; margin-left: 10px; margin-bottom: 12px; background-color: #ececec; }*/
.activeGalleryImages ul li { width: 90px; min-height: 80px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 80px; margin-left: 10px; margin-bottom: 12px; }
.activeGalleryImages ul li:hover a img { border: 3px #e42224 solid; }
.activeGalleryImages ul li a { text-decoration: none; }
.activeGalleryImages ul li a img { border: 3px #ececec solid; display: block; position: relative; margin: 0px auto; }

.galleryPopup { height: auto; width: auto; padding: 0px 10px; display: block; position: relative; }
.galleryPopup ul { list-style: none; }
.galleryPopup ul li { width: 100px; height: 132px; display: block; position: relative;  margin-top: 12px; }
.galleryPopup ul li .gallery_thumbnail { width: 60px; height: 60px; display: block; position: relative; margin: 0px auto; background-color: #fff; }
.galleryPopup ul li .gallery_thumbnail:hover { background-color: #6e6e6f; }
.galleryPopup ul li .gallery_thumbnail img { border: none; margin: 3px; width: 54px; height: 54px; }
.galleryPopup ul li .image_name { color: #6e6e6f; text-decoration: none; text-align: center; margin: 0px auto; position: relative;  width: 100%; height: 18px; display: block; font-size: 14px; }
.galleryPopup ul li .image_date { color: #6e6e6f; text-decoration: none; text-align: center; margin: 5px auto; position: relative;  width: 100%; height: 18px; display: block; font-size: 14px; }


.galleryPopupWindow ul { list-style: none; }
.galleryPopupWindow ul li { display: none; }
.galleryPopupWindow ul li img { display: block; position: relative; margin: auto auto; }

#sitePopup { position: absolute; padding: 1px; z-index: 12; display: none; background-color: #fff; background-repeat: no-repeat; background-position: center center; border: 1px #000 solid; }
#sitePopupClose { top: 2px; width: 32px; height: 32px; }
#sitePopupClose span { position: relative; width: 30px; height: 24px; padding-top: 6px; margin: 1px; }
#sitePopupNext { width: 42px; height: 42px; top: 45%; }
#sitePopupNext span { width: 40px; height: 28px; margin: 1px; padding-top: 12px; }
#sitePopupPrev { width: 42px; height: 42px; top: 45%; }
#sitePopupPrev span { width: 40px; height: 28px; margin: 1px; padding-top: 12px; }
#sitePopup div { position: absolute; display: block; z-index: 10; opacity: 0.5; cursor: pointer; background-color: #fff; border: 1px #000 solid; }
#sitePopup div:hover { opacity: 1; }
#sitePopup span { display: block; color: #fff; font-weight: bold; text-align: center; background-color: #6e6e6f; }
