﻿/* Main CSS File By: Boaz Hilemsky http://qualish.co.il 2011 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
html {background:#fff;} body {color:#333;font:normal 16px Arial;} hr {border:0;border-bottom:1px solid #ccc;} .bold, strong {font-weight:bold;} p {margin-bottom:25px;} * p:last-child {margin-bottom: 0;}
.readingFont {font-size: 18px;} .errMsgFont {color: #CC0000;} .alignJustify {text-align: justify;} .alignLeft {text-align: left;} .clear {clear: both;}
.displayNone { display: none; }

/* Sections */
#Site-Shadow { width: 960px; margin: 0 auto; -moz-box-shadow: 0 2px 3px 3px #ccc; -webkit-box-shadow: 0 2px 3px 3px #ccc; box-shadow: 0 2px 3px 3px #ccc; clear: both; }
#Top { background: #fff; margin: 0 auto; } 
/* Top Menu */
#TopMenuBG { background: #333; height: 66px;}
#TopMenu { background: #006b93; height: 64px; } #TopMenu ul { list-style: none; } #TopMenu ul li { float: right; border-left: 1px solid #005a7b; } #TopMenu ul li a { color: #fff; border-left: 1px solid #0078a5; border-bottom: 2px solid #333; font-size: 18px; font-weight: bold; padding: 0 35px; height: 64px; line-height: 64px; display: inline-block; }  #TopMenu ul li a:hover, #TopMenu ul li a.active { background: #005575; }
.top-menu-login { float: left; width: 117px; } ul.top-menu-login li { border-right: 1px solid #0078a5; } ul.top-menu-login li a { border-right: 1px solid #005a7b; }
/* Main */
#Main { min-height: 200px; margin: 0 auto; padding-bottom: 0px; background: #fff; }
.inner-section {padding: 20px; margin-top: 20px;}

/* Footer */
#Footer {margin:0 auto;background:#eee;overflow:hidden;clear:both;min-height:5px;border-top: 3px solid #333; } #CreditLine {background:#333;color:#ccc;font-size:14px;padding:0 20px 0 0;height:50px;line-height:50px;clear:both;}#CreditLine a {float:left;}

/* Headers, Titles and paragraph style */
h1, h2, h3, h4, h5 { color: #333; } h1 { font-size: 40px; margin-bottom: 7px; } h2 { font-size: 32px; margin-bottom: 7px; } h3 { font-size: 22px; margin-bottom: 5px; } h4 { font-size: 18px; } h5 { font-size: 16px; }
.title { background: #fefefe; padding: 0 20px 0 0; line-height: 45px; height: 45px; } .title h1, .title h2 {font-size:38px;}

/* Links and buttons*/
a { outline: 0 none; } a img { border: 0; text-decoration: none; } a:link, a:visited { color: #006b93; text-decoration: none; } a:hover { color: #333; }
.siteForm span.green-button {height:60px;border:1px solid #85c614; display: inline-block; margin: 0;}
.green-button a {background: #85c614; background: url(Images/fallback-gradient.png) 0 0;background-image:-moz-linear-gradient(#8cce0e, #70a903);background-image:-webkit-linear-gradient(#8cce0e, #70a903); display: inline-block; height:58px;line-height:58px;border:1px solid #fff;padding: 0 20px;font-size:18px;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #666;}.green-button a:hover {background-position:0 -58px;background-image:-moz-linear-gradient(#aff528, #77b108);background-image: -webkit-linear-gradient(#aff528, #77b108);}
.green-button-s, .red-button-s {display: inline-block;height:28px;} .green-button-s a, .red-button-s a {display:block;height:26px;line-height:26px;border:1px solid #fff;padding:0 10px;font-size:18px;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #666;}
.green-button-s {border:1px solid #85c614;}.green-button-s a {background: #85c614; background-image:-moz-linear-gradient(#8cce0e, #70a903);background-image:-webkit-linear-gradient(#8cce0e, #70a903);}.green-button-s a:hover {background-image:-moz-linear-gradient(#aff528, #77b108);background-image: -webkit-linear-gradient(#aff528, #77b108);}
.red-button-s {border:1px solid #FF4848;}.red-button-s a {background: #E60000; background-image:-moz-linear-gradient(#FF4848, #E60000);background-image:-webkit-linear-gradient(#FF4848, #E60000);}.red-button-s a:hover {background-image:-moz-linear-gradient(#FF9797, #E60000);background-image: -webkit-linear-gradient(#FF9797, #E60000);}
.categoty-button, .action-button, .action-button-s { margin-left: 2px; font-weight: bold; -moz-box-shadow:0 2px 2px 0px #ccc;-webkit-box-shadow:0 2px 2px 0px #ccc;box-shadow: 0 2px 2px 0px #ccc;}
.categoty-button { padding: 20px; background: #f4f4f4; }
.categoty-button:hover { background: #CC0000; color: #fff; }
.action-button { padding: 20px; background: #00AEE8; } a.action-button { color: #fff;}
.action-button:hover { background: #007297; color: #fff; }
.action-button-s { padding: 5px 10px; background: #00AEE8; } a.action-button-s { color: #fff;}
.action-button-s:hover { background: #007297; color: #fff; }

.current { background: #CC0000; }  a.current { color: #fff; }

/* Forms */
.siteForm { margin: 0 20px;}
.siteForm span { display: block; margin-top: 10px; } .siteForm span span { display: inline; }
input[type=text], input[type=password], select { color: #006b93; font: bold 16px Arial; padding-right: 7px; height: 40px; border: 1px solid #999; }
input[type=text], input[type=password] { width: 300px; } select { width: 320px; }
input[type=text].long { width: 98%; }
input[type=checkbox] { margin: 10px 0 0 10px;}
 textarea { color: #006b93; font: bold 16px Arial; padding: 7px;border: 1px solid #999;  width: 600px;  }
.siteForm *:focus {outline: none;} .siteForm input:focus, .siteForm select:focus, .siteForm textarea:focus { border: 1px solid #006b93; background-color: #F7F7F7; } .siteForm .changeborder:focus { outline: 1px solid #006b93; } 
/* Remove box shadow firefox, chrome and opera put around required fields. */ .siteForm input:required, .siteForm textarea:required { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
/* Normalize placeholder styles */  /* chrome, safari */ .siteForm ::-webkit-input-placeholder { color: #CCC; }  /* mozilla */ .siteForm input::-webkit-input-placeholder { color: #CCC; } .siteForm input:-moz-placeholder, textarea:-moz-placeholder { color: #CCC; } /* ie (faux placeholder) */ input.placeholder-text, textarea.placeholder-text  { color: #CCC; }
.ckeditor-holder { margin-top: 10px;} .ckeditor-holder span{ margin-top:0; } .ckeditor-holder textarea { padding: 0; border: 0; width: 100%;}


/* Pager */
.pagerButton, .currentPagerButton { font-weight: bold; padding: 5px; min-width: 22px; text-align: center; border: 1px solid #ccc; display: inline-block; margin-left: 3px; }
.currentPagerButton { text-decoration: underline; } a:hover.pagerButton { background: #FBFBFB; font-weight: bold; }

/* Tables */
.board-table {clear: both; padding:15px 0; margin:15px 0;} .board-table table { width: 100%; margin-top: 5px;}
.board-table tr { line-height:30px; height: 30px; font-weight: bold; border-bottom: 2px solid #fff;}
.board-table th { background: #333; color: #fff; text-align:right; padding-right: 20px; font-weight: bold; border-right: 1px solid #555; } .board-table th:last-child{ border:0;}
.board-table td { padding-right: 20px; border-right: 1px solid #ddd; } .board-table td:last-child{ border:0;}
.board-table tr:nth-child(even) {background: #f4f4f4;} .board-table tr:nth-child(odd) {background: #eeeeee;}
.board-table tr:hover { background: #fff;}

/* Gallery images */
.imageGallery { display:block; margin-top: 5px;}
.imageThumbnail { border: 1px solid #cfd5d1; margin: 0 0 7px 3px; padding: 5px 5px 0 5px; display: inline-block; height: 180px; }
.imageThumbnail img { height: 124px; width: 165px; margin-bottom: 5px; }
.imagePlaceHolder {border: 1px solid #cfd5d1;  padding: 5px; display: inline-block; }
.imagePlaceHolder img { max-width: 898px; }

#MessagePanel { background: #FFFAD7; border-bottom: 1px solid #333; padding: 10px 20px; font-weight: bold; -moz-box-shadow: 0 2px 2px 0px #ccc; -webkit-box-shadow: 0 2px 2px 0px #ccc; box-shadow: 0 2px 2px 0px #ccc; }
#Breadcrumbs { padding: 5px 10px; background: #fefefe; clear: both; font-size: 12px; border-bottom: 1px solid #ddd; } #Breadcrumbs a { border-left: 1px solid #ccc; padding: 0 10px; margin-left: 5px;}
