* { font-family : tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; color:#3d3d3d;}
#ten_reasons td{ height:55px;}
/*==================== basic elements styles ================== */
h1 { font-size : 14px; font-weight: bold; color: #FF6600; }
h2, h3 { font-size : 12px; }
h5 { font-size : 10px; color : #999999; font-weight : normal; }
a { color : #8c3853; text-decoration: none; }
a:hover { color : #FF6600; text-decoration: underline;}

#mainCMSdiv, #noWrapperDiv{
margin: 0 auto;border: solid 1px #dec7cf; background: #fff; 
width:800px; text-align: left; min-height: 750px;}
#bottomLinks {margin-right:auto;margin-left:auto;border: background: #fff; width:800px; text-align: left;}
#menuDiv {width:800px; height:21px;background-image: url(/sms/i/menuFiller.jpg); background-repeat: repeat-x; text-align: left; vertical-align: middle; padding: 0px; }

/*body { background-image: url(/sms/i/longGray.jpg); background-repeat: repeat-x; } */
body { background-image: url(/sms/i/longYellow.jpg); background-repeat: repeat-x; }

#mainCMSTable { background: #fff;	border: 1px solid #813D53; height: 700px;}
/*#mainCMSTable td {	vertical-align: top;} */
#cmsCont {padding: 5px 15px 0px 15px;vertical-align: top; position:relative;}
#curAni img{border:1px solid #4269BD}
#curAni td{ background-color: #f5f7fc;}

#menuTableBar {width:100%;border:0px;padding: 0px;}
#menuTableBar td {vertical-align:middle; }
#menuTableBar td.menuItem {height:21px;background-image: url(/sms/i/butUP.gif); background-repeat: repeat-x; text-align: center; vertical-align: middle; padding: 0px; width:100px;}
#menuTableBar td.menuFill {height:21px;background-repeat: repeat-x; text-align: center; vertical-align: middle; padding: 0px; }
#menuTableBar td a {color:white; font-weight: bold; }

.tickMark {font-size:18px;height:34px;background-image: url(/sms/i/tick-icon.gif); background-repeat: no-repeat;}
.tblLabelDash { background-image: url(/sms/i/priceProd.jpg);background-repeat: no-repeat;width: 480px;height: 63px;padding: 3px 10px 8px 10px;}
.tblAction {background-image: url(/sms/i/priceValue.jpg);background-repeat: no-repeat;background-position: center;width: 127px; vertical-align: middle;text-align:center;}
.tblAction a { text-decoration: none; color: white;}
.tblAction a:hover { text-decoration: none; color : #ffd700;}

.dTitle {font-weight: bold;}
.tblLabelSpacer {	height: 5px;}
img {	border: none; }

/*p {margin: 10px 10px 10px 10px;}*/
/*=================== prices table ======================== */

.prName {
	width: 480px;
	vertical-align: top;
	height: 63px;
	padding: 3px 10px 8px 10px;
	background-image: url(/sms/i/priceProd.jpg); background-repeat: no-repeat;

}
.prVal {
	width: 127px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: white;
	background-image: url(/sms/i/priceValue.jpg); background-repeat: no-repeat;
	font-size: 12px;
}

.colTD {
	background-image: url(/sms/i/prodInfo.jpg); background-repeat: repeat-y;
	/*background-color: #ffffcc; */
	border: 1px solid #FFAD33;
	width: 330px;
	vertical-align: top;
}
.colTDgrey {
	background-image: url(/sms/i/prodInfogrey.jpg); background-repeat: repeat-y;
	/*background-color: #ffffcc; */
	border: 1px solid #708090;
	width: 330px;
	vertical-align: top;
}

/*=================== Form errors ========================= */
/*#errDiv {clip:auto;visibility:hidden;overflow:hidden;height:1px} */
#errDiv { background-color: #FFF4E3; width:380px; border: 1px solid #ffdca8; padding: 3px; } /*position:absolute;left:0px;top:30px;*/
#errDiv li { font-size: 10px; color: #ff6600;}
#errDiv b { color: #ff6600;}
.errClose { text-align:right; }
.errClose a {color: #adadad; }

/*=================== Form update msg ========================= */
#updMsg {position:absolute; top:0px; right:220px;color: black; font-size: 14pt; font-weight: bold; width:200px; height:43px; padding-top: 16px;
text-align: center; background-image: url(/wappx/images/docSave.gif); background-repeat: no-repeat; background-position: center;}

/*=================== Form basics ========================= */
.sbttn { background: #E8FFF4; height:19px; text-decoration:none;cursor: hand; border: thin groove; color : Black;}
.btnRow { width : 405px;  margin-top : 10px; margin-left : 135px; }
.FormText { width : 520px;}
.FormNote { color : #333333;}

/*================= page navigation in views ================ */
.pageNavPref { border:1px solid grey;width:16px;background-color:#EDEDED	}
.pageNavTD { border:1px solid grey;width:16px;}

/*=================== Input Styles ========================= */
.ComboSmall { text-decoration: none; width : 75px; background: White; }
.ComboSmallDS, .ComboSmallDSErr{	text-decoration: none; background-color: White; width:60px}
.radio, .radioErr { width : 15px; border: none; background-color: White; }
input, .input, .combo, select,	textarea, .Combo ,.ComboErr,.ComboSmallErr, .Err{ background: White; border:solid 0px #BFBFBF; width:220px;}
.ComboErr,.ComboSmallErr, .Err, .radioErr, .ComboSmallDSErr{ background-color: #FF8282; }
.sectHead { font-weight: bold; color: #234600; }
.tblLabel, .tblLabelMand  { width : 150px; background: #fff4e3;  border:solid 1px #FFE3B9; padding-left: 5px; padding-top: 4px; vertical-align: top; }
.tblLabelMand, .mandShow { background-image: url(/wappx/images/mandSmall.gif); background-repeat: no-repeat;background-position: 140px 7px;}
.mandShow { padding-left: 10px; background-position: left; }
.tblData, .tblDataRO, .tblDataErr{ border:solid 1px #898989; text-align : left; padding: 2px; margin: 5px; width : 220px; }
.tblDataErr { background-color: #FF8282; }
.tblDataRO { color: Gray; }
.tblNotes { font-size: 9px;color : #A9A9A9;width : 160px;padding-left: 5px;padding-top: 4px;vertical-align: top;}
/*==================== action text button ================== */
a.textbttn , .textbttn{	background: #FF9C00;border: 1px solid #d27f00;color: #545454;height:21px;cursor: hand;padding: 2px 12px 2px 12px;
text-decoration: none; font-weight: bold;}
a.textbttn:hover { color: black; }

/*==================== job remove from basket ================== */
.textbttnDelete {background: #8b8b8b;border: 1px solid #cacaca;color: White;height:19px; cursor: crosshair;padding: 2px 5px 5px 5px;}
A.textbttnDelete:ACTIVE, A.textbttnDelete:HOVER, A.textbttnDelete:FOCUS, A.textbttnDelete:LINK { color : White;}

/*======================== job view display ==================== */
.viewNavs { text-align : center; }
.jrNo { background-color : #F9FFFC; font-size : 14px; font : bold; width : 28px; vertical-align: top; text-align: left;	}
.jrTitle, .jrDescr, .jrBenefits, .jrIcon, .jrLocation, .jrType, .jrDate { background-color : #FCFCFC;}
.jrTitle { color : #990033; font-weight : bold; padding-left : 5px;}
.jrDescr { padding-left: 5px; padding-right : 4px; }
.jrBenefits { font-weight : bold; text-align : right; padding-right : 4px; }
.jrIcon { width : 125px; vertical-align: top; text-align: left; }
.jrLocation { width : 150px; padding-left : 5px; }
.jrType { font-size : 10px; width : 150px; }
.jrDate { font-style : italic; }
.jrTable { border : #f4f4f4; border: 1px solid;margin-bottom: 10px; }

/*==================== Other styles ================== */
.jobListNav {
	width: 100%;
}
.jobListMoveRight {
	text-align: right;
}
.jobListCount {
	text-align: center;
	color: Gray;
}
 /*======================== dashboard styles =================== */
 #dashTable { margin: 0px;padding: 0px;  }
.plTblLabel{ width: 450px; height:60px; vertical-align: top;	margin: 0px;padding: 0px;}
.tblRow { height : 20px}
.examColumn { width: 100px; font-size: 10px;}
.onLine {background: #fff url(/icons/actn041.gif) no-repeat center;  width: 32px; height:32px}
.offLine {background: #fff url(/icons/actn116.gif) no-repeat center;  width: 32px; height:32px}
/*======================== wappX sample wrapper =================== */
.date{font-weight:bold;color:#403F3F;}
.title{font-weight:bold;color:#4268A9;line-height: 17px;}
.text{color:#828282;}
.more{color:#FFA524;}
.v_menu{color:#1F3B6A;}
.m_sel{font-weight:bold;color:#1F3B6A; font-size: 14;}
.m_not_sel{color:#1F3B6A; font-size: 14;}
.form{ color:#1F3B6A;text-decoration: underline;}
.a_big{ font-size:13pt; font-weight:bold;color:#52A714;}
.a_sm{font-size:9pt; }
.top_menu{color:white; font-size:10;text-decoration:none;}
.menu_td{padding-left:30px;padding-top:1px;}
/*======================== CMS related styles =================== */
.hotDate, .hotSubject, .hotView, .hotlang, .hotLang, .docCode{ border: 1px solid #d7f6d7; padding: 2px; margin: 30px; vertical-align: top }
.tblAddrRow { background-color: #ebfaeb; }
.tblAddrRowHigh { background-color: #bcefbd; }
/*==================== Doc property =========================== */
#docProps { position:absolute; top:0; right:0; width:200px; background-color: #f0f0f0; margin-bottom: 5px;}
/*======================== CMS Images Display =================== */
#imgDispTbl { }
.innerImage { border: 2px solid white; }
.imgCell{ background: #fefbf5; border: 1px solid #e7e7e7; }
.imageCorner { background: #fefbf5;width:24px;height: 24px;vertical-align: middle;text-align: center;}
.imageSide { background: #fefbf5;width:24px;	height: 100px;}
.imageCent {width:100px;background: #fefbf5;text-align: center;color: gray;font-size: 10px;}
.imageIn {background: white;vertical-align:middle;text-align: center;}

/*========================= CMS Dashboard ======================= */
#cms_cont { padding-left: 10px;}
.dashTable, .sortTbl, #legend, .cmsTable {width:750;}
.plTblLabel {width: 370px; border:solid 1px #ececec; background: #fefbf5; padding:5px; }
.dashTable td {vertical-align:top} 
.midCol {width:10px; }
.iconDisp {float:left;height:60px;width:40px;}
.infoDisp {text-align:right}

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

#menuBar {
	
}
#leftNav {
	width:163px;
	float: left;
}
#cms_cont { float: left; width: 595px; min-height: 450px;background-color: white;}
#botDiv {
	clear:both;
	position: relative;
	min-height: 20px;
}
#pageContCMS {
	margin-left: 10px;
}
#cmsEditHead, #cmsEditHeadFields {
	min-height: 60px;
	width: 747px;
	background-color: white;
}
#cmsBottomActions{
	position:relative;clear:both; height:30px;width:747px;
}
#cmsListHead {
	min-height: 60px;
	background-color: white;
}
#cmsEditHeadFields {
	clear:both;
}
#cmsEditSaveFuncs {
	position: relative;
	width: 747px;
	height: 30px;
}
#contDiv {
	min-height: 500px;
	background-color: white;
	padding-right: 10px;
}
#wappFormDiv{
	width:595px;
}
#wappFormBody {
	clear: both;
}
.dashTable, .sortTbl, #legend, .cmsTable {width:750;}
.plTblLabel {width: 370px; border:solid 1px #ececec; background: #fefbf5; padding:5px; }
.dashTable td {vertical-align:top} 
.midCol {width:10px; }
.iconDisp {float:left;height:60px;width:40px;}
.infoDisp {text-align:right}
/*=================== print icon display ========================= */
#printDiv{ position:absolute;
	right:0px;
 background-image: url(/wappx/IMAGES/print.gif);
 background-repeat: no-repeat;
 background-position: center;
 width:20px;
 height: 20px;
 margin: 5px;
 padding: 2px;
 }
#printDiv a {
display: block;
height: 100%;
width: 100%;
}
/*====================== networks display =============================== */
.netRow { height: 20px;  vertical-align: middle; }
.netName {width:250px;font-size: 11px; text-align: left;	background: #ffe7ca;	}
.netCol, .netRowX {background-color: #e8e8e8}
.netCol1, .netRowX1 {background-color: #f1f1f1}
.netCol, .netCol1 {text-align: center;font-size: 11px;font-weight: bold;}
.cellCost {width:40px; color: black;    background: #ffe7ca;  text-align: center;  font-weight: bold;  vertical-align:middle;font-size: 11px;  }
#netHeader { 	font-weight: bold;  	font-size: 11px;  }
.netRowX, .netRowX1 { height: 30px;  vertical-align: top;  }
.cCode {font-size: 11px;  font-weight: bold;  color: #ff6600;text-align: left; }

/*======================== help tree display ============================= */
.cms-dtree { white-space: nowrap; float:left;width:158px;padding-right:5px; padding-top:30px; border-right: solid 1px #dcdcdc;}
.cms-dtree img { border: 0px; vertical-align: middle;}

.cms-dtree a.node, .cms-dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px;}
/*.cms-dtree a.node:hover, .cms-dtree a.nodeSel:hover { color: #333; text-decoration: underline;} */
.cms-dtree a.nodeSel { background-color: #ffdc9b; }
.cms-dtree .clip { overflow: hidden;}
#helpDiv { float:left;width:600px; padding-left: 5px;}