/* CSS Document */

* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a img{ border: 0; }

a.read-more{
	text-decoration: none;
	color: #63A7BC !important;
	font-size: 12px;
	float: right;
}

a.side-menu-active { color: #4D35A0 !important; }

a:hover.read-more{ color: #4D35A0 !important; }

body { color: #000000; background: #ffffff; }

/*default*/
form {
	background: none;
	margin: 0;
	padding: 0;
	border: 0 !important;
}

gas { text-align: right; }

h1 { color: #64A7BD; text-transform: uppercase; }

h1.logo {
	width: 295px;
	height: 56px;
	float: left;
	padding: 6px 0 0 15px;
}

h2.about-heading {
	display: block;
	font-size: 13px;
	font-weight: normal;
	color: #8C8C8C;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
}

h2.page-heading {
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #8C8C8C;
	margin: 0 0 10px 0;
	padding: 0;
}

h2.top-video-title {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #5C3477;
	font-family: serif,sans-serif,Verdana, Geneva;
	padding: 0 0 10px 20px;
}

input, .input, .combo, select,	textarea, .Combo ,.ComboErr,.ComboSmallErr, .Err{
	background: White;
	border: solid 0px #b5b5b5;
	width: 220px;
}

input.direct-input {
	width: 172px;
	height: 15px;
	color: #A5A5A7;
	background: url(../images/directory-search.png) no-repeat;
	border: none;
	padding: 0 10px;
	font-size: 10px;
	margin: 0 10px;
}

input.direct-search-btn {
	cursor: pointer;
	background: none;
	border: none;
	color: #6FA5BD;
	font-size: 10px;
}

li.active { background: #64A6BE; color: #fff; padding: 12px 0; }

li.links-rss img{ position: relative; margin: 0 0 0 3px; top: 2px; }

/*MAIN*/
p.main-text {
	display: block;
	font-size: 14px;
	font-family: serif,sans-serif,Verdana, Geneva;
	line-height: 20px;
	color: #959399;
	padding: 0 15px 0 0;
	margin-bottom: 20px;
}

p.main-text a{ color: #959399; }

p.main-text a:hover{ text-decoration: none; }

p.name-1 {
	display: block;
	color: #000;
	background: #64A6BE;
	padding: 5px 5px 25px 8px;
	line-height: 14px;
}

p.name-2 {
	display: block;
	color: #000;
	background: #99BEAC;
	padding: 5px 5px 25px 8px;
	line-height: 14px;
}

p.online-action {
	display: block;
	padding: 10px;
	background: #CCCCCC;
	color: #63A7BC;
	margin-bottom: 15px;
}

p.online-action a{
	text-decoration: none;
	color: #63A7BC;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 14px;
	letter-spacing: 1px;
}

p.online-action a:hover{ text-decoration: underline; }

p.small-logo { display: block; text-align: center; }

p.top-vids-title {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 14px;
}

p.top-vids-title a{ color: #fff; text-decoration: none; }

p.top-vids-title a:hover{ text-decoration: underline; }

p.top-vid-text { color: #06293F; font-size: 11px; line-height: 13px; }

p.top-vid-text a{ color: #06293F; text-decoration: none; }

p.top-vid-text a:hover{ text-decoration: underline; }

p.vid-number {
	display: block;
	color: #5C3477;
	font-size: 10px;
	padding: 0 0 4px 0;
}

ul.foot-menu { display: block; text-align: center; }

ul.foot-menu li{ display: inline; }

ul.foot-menu li span{ padding: 0 2px; }

ul.links {
	display: block;
	padding: 5px 10px;
	background: #636466;
	color: #fff;
}

ul.links li{ display: block; padding: 0; margin: 0 0 5px 0; }

ul.links li a{ text-decoration: none; color: #fff; font-size: 11px; }

ul.links li a:hover{ text-decoration: underline; }

ul.main-nav { display: block; padding: 8px 0 0 30px; }

ul.main-nav li{ display: inline; margin-right: 30px; }

ul.main-nav li a{ color: #fff; font-size: 12px; text-decoration: none; }

ul.main-nav li a:hover{ color: #471663; }

ul.side-nav {
	display: block;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	padding: 10px 0;
	float: left;
	width: 100%;
}

ul.side-nav li{
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}

ul.side-nav li a{
	color: #63A7BC;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 13px;
}

ul.side-nav li a:hover{ color: #4D35A0; }

ul.video-info {
	display: block;
	padding: 15px 022px 0 23px;
	font-family: sans-serif,Verdana, Geneva;
}

ul.video-info li{
	display: block;
	float: left;
	width: 122px;
	height: auto;
	line-height: 14px;
	font-size: 10px;
	color: #221F1F;
	margin: 0 22px 0 0;
}

ul.video-info li a{
	font-size: 12px;
	color: #64A6BD;
	text-decoration: none;
	display: block;
}

ul.video-info li a:hover{ color: #4D35A0; }

.about-info {
	width: 500px;
	float: left;
	height: auto;
	padding: 5px;
	margin-bottom: 5px;
}

.about-info2 {
	width: 500px;
	float: left;
	height: auto;
	padding: 4px;
	border: 1px solid #70A7BB;
	margin-bottom: 5px;
}

.about-info-left {
	width: 370px;
	float: left;
	height: auto;
	padding: 4px 0 0 7px;
}

.about-info-left h4{ font-size: 12px; color: #97B9C3; display: block; }

.about-info-left h4 a{ color: #97B9C3; text-decoration: none; }

.about-info-left h4 a:hover{ text-decoration: underline; }

.about-info-left p{
	font-size: 12px;
	color: #A5A5A7;
	display: block;
	line-height: 15px;
}

.about-info-left p a{ color: #A5A5A7; text-decoration: none; }

.about-info-left p a:hover{ text-decoration: underline; }

.about-info-right{ width: 79px; float: right; height: auto; }

.ads-box {
	width: 175px;
	padding: 0 4px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	margin-bottom: 0px;
}

.ads-box ul{ display: block; padding: 4px 0 0 0; }

.ads-box ul li{ display: block; padding: 0 0 4px 0; margin: 0; }

.clear { padding: 0; margin: 0; clear: both; height: auto; }

.clear-break {
	width: 120px;
	float: left;
	height: auto;
	padding: 1px 0 0 0;
}

.ComboErr,.ComboSmallErr, .Err, .radioErr, .ComboSmallDSErr{ background-color: #FF8282; }

/*=================== Input Styles ========================= */
.ComboSmall { text-decoration: none; width: 75px; background: White; }

.ComboSmallDS, .ComboSmallDSErr{
	text-decoration: none;
	background-color: White;
	width: 60px;
}

/*Contact*/
.contact-form {
	width: 394px;
	float: left;
	height: auto;
	border: 1px solid #6FA5BD;
	padding: 10px 8px;
	font-size: 11px;
	color: #6FA5BD;
}

.contact-holder {
	width: 394px;
	float: left;
	margin-bottom: 5px;
	height: auto;
}

.contact-holder2 {
	width: 394px;
	float: left;
	margin-bottom: 5px;
	height: auto;
	margin-top: 15px;
}

.contact-holder-left {
	width: 70px;
	float: left;
	height: auto;
	padding: 3px 5px 0 0;
}

.contact-holder-left span{ color: #F00; font-size: 11px; }

.contact-holder-left2 {
	width: 120px;
	float: left;
	height: auto;
	padding: 3px 5px 0 0;
}

.contact-holder-right { width: 290px; float: left; height: auto; }

.contact-holder-right input{
	width: 200px;
	border: 1px  solid #ccc;
	height: 16px;
	font-size: 10px;
	color: #333;
	padding: 0 10px;
}

.contact-holder-right textarea{
	width: 200px;
	border: 1px  solid #ccc;
	height: 40px;
	font-size: 10px;
	color: #333;
	padding: 5px 10px;
}

.contact-holder-right2 { width: 200px; float: left; height: auto; }

.contact-holder-right2 input{
	width: 170px;
	border: 1px  solid #ccc;
	height: 16px;
	font-size: 10px;
	color: #333;
	padding: 0 10px;
}

.contact-submit {
	width: 394px;
	float: left;
	margin-bottom: 5px;
	height: auto;
	padding: 18px 0 0 0;
}

.contact-submit input{ cursor: pointer; }

.content-video {
	width: 530px;
	float: left;
	background: #64A6BE;
	padding: 10px;
}

.dashTable td { vertical-align: top; }

.dashTable, .sortTbl, #legend, .cmsTable, #sortTbl { width: 100%; }

.direct-col-1 { width: 112px; float: left; height: auto; }

.direct-col-2 { width: 170px; float: left; height: auto; }

.directory {
	width: 510px;
	float: left;
	height: auto;
	color: #A5A5A7;
}

.directory h4{
	font-size: 12px;
	color: #97B9C3;
	display: block;
	line-height: 17px;
}

.directory h4 a{ color: #97B9C3; text-decoration: none; }

.directory h4 a:hover{ text-decoration: underline; }

.directory p{
	font-size: 10px;
	color: #A5A5A7;
	display: block;
	line-height: 15px;
}

.directory p a{ color: #A5A5A7; text-decoration: none; }

.directory p a:hover{ text-decoration: underline; }

.directory-box1 { width: 510px; float: left; margin-bottom: 20px; }

.directory-box1 ul{ display: block; font-size: 10px; }

.directory-box1 ul li{ display: block; line-height: 15px; }

.directory-box1 ul li a{ color: #A5A5A7; text-decoration: none; }

.directory-box1 ul li a:hover{ text-decoration: underline; }

.directory-box2 { width: 510px; float: left; margin-bottom: 20px; }

.directory-box2 {
	width: 510px;
	float: left;
	margin-bottom: 20px;
	float: left;
}

.directory-box2 ul{
	display: block;
	margin-bottom: 20px;
	font-size: 10px;
	width: 100%;
	float: left;
}

.directory-box2 ul li{
	display: block;
	line-height: 15px;
	float: left;
	width: 100%;
}

.directory-box2 ul li a{
	color: #A5A5A7;
	text-decoration: none;
	display: block;
	padding: 1px 3px;
}

.directory-box2 ul li a:hover{ background: #64A6BE; color: #fff; }

/* RIGHT */
.gray-content {
	width: 224px;
	float: left;
	min-height: 600px;
	height: 100%;
	background: #e5f2f9;
	padding: 5px 0;
}

/*======================== CMS related styles =================== */
.hotDate, .hotSubject, .hotView, .hotlang, .hotLang, .docCode{
	border: 1px solid #d7f6d7;
	padding: 2px;
	margin: 30px;
	vertical-align: top;
}

.iconDisp { float: left; height: 60px; width: 40px; }

.imageCent {
	width: 100px;
	background: #fefbf5;
	text-align: center;
	color: gray;
	font-size: 10px;
}

.imageCorner {
	background: #fefbf5;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	text-align: center;
}

.imageIn {
	background: white;
	vertical-align: middle;
	text-align: center;
}

.imageSide { background: #fefbf5; width: 24px; height: 100px; }

.imgCell{ background: #fefbf5; border: 1px solid #e7e7e7; }

.infoDisp { text-align: right; }

/*Pages*/
.inner { float: left; padding: 15px 0 0 17px; }

.innerImage { border: 2px solid white; }

/* ========================================= form parts ================================================ */
.input-form { }

.mandShow { padding-left: 10px; background-position: left; }

/* MENU */
.menu-holder {
	width: 724px;
	float: left;
	height: 24px;
	background: #64A7BD;
}

.midCol { width: 10px; }

.plTblLabel {
	width: 450px;
	border: solid 1px #ececec;
	background: #fefbf5;
	padding: 5px;
}

.radio, .radioErr { width: 15px; border: none; background-color: White; }

.rss-icon {
	width: 40px;
	background-image: url(/bh/images/rss_icon_glass32.png);
	background-repeat: no-repeat;
}

.rss-link { }

.rss-links { }

.search-box {
	width: 185px;
	height: 30px;
	background: url(../images/search-bg.png) no-repeat;
	float: right;
	margin: 30px 0 0 0;
	color: #729939;
	padding: 10px 10px 0 15px;
}

.search-box a{
	color: #3399cc;
	text-decoration: none;
	margin: 0 0 0 10px;
}

.search-box a:hover{ text-decoration: underline; }

.sectHead { font-weight: bold; color: #234600; }

.side-menu-holder {
	width: 150px;
	padding: 8px 0 0 10px;
	margin-bottom: 14px;
	float: left;
}

.tabs-menu { display: block; float: left; }

.tabs-menu li{
	float: left;
	color: #fff;
	display: block;
	font-size: 11px;
	background: #99BEAC;
	text-align: center;
	padding: 12px 0 10px 0;
	text-decoration: none;
	cursor: pointer;
}

.tabs-menu-1{ display: block; }

.tabs-menu-2,.tabs-menu-3{ display: none; }

.tblAddrRow { background-color: #ebfaeb; }

.tblAddrRowHigh { background-color: #bcefbd; }

.tblData, .tblDataRO, .tblDataErr{
	border: solid 1px #d0d0d0;
	text-align: left;
	padding: 2px;
	margin: 5px;
	width: 220px;
}

.tblDataErr { background-color: #FF8282; }

.tblDataRO { color: Gray; }

.tblLabel, .tblLabelMand {
	width: 150px;
	background: #e8f4fa;
	border: solid 1px #a0d0e9;
	padding-left: 5px;
	padding-top: 4px;
	vertical-align: top;
}

.tblLabelMand, .mandShow {
	background-image: url(/hsw/images/mandSmall.gif);
	background-repeat: no-repeat;
	background-position: 130px 7px;
}

.tblNotes {
	font-size: 9px;
	color: #cdcdcd;
	width: 160px;
	padding-left: 5px;
	padding-top: 4px;
	vertical-align: top;
}

.textbttn {
	background-color: #64A6BC;
	padding: 3px;
	text-decoration: none;
	color: white;
}

.top_video_box {
	width: 370px;
	height: 99px;
	background: url(../images/top-video-box.png) no-repeat;
	padding: 6px 0 0 23px;
}

.top_video_holder {
	width: 393px;
	height: auto;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
}

.top-head {
	width: 726px;
	float: left;
	height: 95px;
	background: url(../images/head-right-bg.png) repeat-y top right #ffffff;
	margin-bottom: 2px;
}

.top-vid-col-1 {
	width: 40px;
	float: left;
	height: auto;
	text-align: right;
	padding: 5px 14px 0 0;
	font-size: 14px;
	color: #000;
}

.top-vid-col-2 { width: 125px; float: left; height: auto; }

.top-vid-col-3 {
	width: 260px;
	float: left;
	height: auto;
	padding: 0 10px 0 25px;
}

/* Top Videos */
.top-video-box { width: 530px; float: left; }

.top-vid-list {
	width: 530px;
	float: left;
	height: auto;
	border-bottom: 1px solid #F2FFFD;
	padding: 14px 0;
	margin-bottom: 5px;
}

.top-vid-list2 {
	width: 530px;
	float: left;
	height: auto;
	padding: 14px 0;
}

.vid-1 {
	width: 122px;
	float: left;
	height: auto;
	margin: 0 22px 0 0;
}

.vid-2 {
	width: 122px;
	float: left;
	height: auto;
	margin: 0 18px 0 0;
}

.vid-link {
	width: 80px;
	float: left;
	height: auto;
	padding: 15px 0 0 0;
	font-size: 10px;
	font-family: serif,sans-serif,Verdana, Geneva;
}

.vid-link a{
	text-decoration: none;
	color: #64A6BD;
	line-height: 22px;
}

.vid-link a:hover{ text-decoration: underline; }

.vid-menu-1 { width: 165px; }

.vid-menu-2 { width: 163px; margin: 0 2px; }

.vid-menu-3 { width: 163px; }

#botDiv { clear: both; position: relative; min-height: 20px; }

/*========================= CMS Dashboard ======================= */
#cms_cont { padding-left: 10px; }

#cms_cont {
	float: left;
	width: 595px;
	min-height: 450px;
	background-color: white;
}

#cmsBottomActions{
	position: relative;
	clear: both;
	height: 30px;
	width: 100%;
}

#cmsEditHead, #cmsEditHeadFields { min-height: 60px; width: 100%; background-color: white; }

#cmsEditHeadFields { clear: both; }

#cmsEditSaveFuncs { position: relative; width: 100%; height: 30px; }

#cmsListHead { min-height: 60px; background-color: white; }

#contDiv {
	min-height: 500px;
	background-color: white;
	padding-right: 10px;
}

/*Content*/
#content {
	width: 950px;
	float: left;
	height: auto;
	color: #7b7980;
}

/*==================== Doc property =========================== */
#docProps {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	background-color: #f0f0f0;
	margin-bottom: 5px;
	font-size: 10px;
}

/*Footer*/
#footer { width: 900px; color: #7f8185; font-size: 10px; }

#footer a{ color: #7f8185; text-decoration: none; }

#footer a:hover{ color: #63A7BC; }

#footer2 {
	width: 530px;
	position: relative;
	margin: 0 auto;
	height: auto;
	color: #7f8185;
	border-top: 1px solid #E7E7E7;
	padding: 10px 0 0 0;
	font-size: 10px;
}

#footer2 a{ color: #7f8185; text-decoration: none; }

#footer2 a:hover{ color: #63A7BC; }

#footer-links {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#footer-links a { color: #95bf39; text-decoration: none; }

#footer-links span { margin: 10px; }

/*Header*/
#header { width: 950px; float: left; height: auto; }

#head-left { width: 726px; float: left; height: auto; }

#head-right { width: 224px; float: right; height: auto; }

/*======================== CMS Images Display =================== */
#imgDispTbl { }

#in-place-edits {
	width: 100%;
	border: 1px solid #cacaca;
	background: #e2e2e2;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #cacaca 100%);
	background: linear-gradient(top, #e2e2e2 0%, #cacaca 100%);
}

#in-place-edits a { font-size: 12px; text-decoration: none; }

#left { width: 726px; float: left; height: auto; }

#leftNav { width: 163px; float: left; }

#left-side {
	width: 165px;
	float: left;
	height: auto;
	padding: 15px 5px 0 0;
}

#main, #main-cms {
	width: 520px;
	float: left;
	height: auto;
	border-left: 1px solid #E7E7E7;
	padding: 15px 10px 0 12px;
	min-height: 450px;
}

#main-cms { width: 920px; }

#mainCMSdiv, #noWrapperDiv{
	margin: 0 auto;
	border: solid 1px #dec7cf;
	background: #fff;
	width: 800px;
	text-align: left;
	min-height: 750px;
}

#menuBar { }

#menuDiv {
	width: 800px;
	height: 21px;
	background-image: url(/sms/i/menuFiller.jpg);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
}

#pageContCMS { margin-left: 10px; }

#right {
	width: 224px;
	float: right;
	height: 100%;
	padding: 2px 0 0 0;
}

/* ================================ RSS feeds ====================================== */
#rss-links-table { }

#rss-links-table td{ height: 80px; vertical-align: top; }

/*========================= CMS Dashboard ======================= */
#topDiv {
	margin: 0 auto;
	width: 770px;
	min-height: 500px;
	background-color: white;
}

/*wrapper*/
#wrap {
	width: 950px;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
	min-height: 700px;
	border: 1px solid #B3B3B3;
}