/* ===================== 
	description: 
	This css contains style definitions for controls. 
======================== */


/* =========================== 
----- box 
============================== */

/* -- general -- */
div.box .title {float: right; height: 38px; width: 100%; }
div.box .title .right {float: right; height: 38px; width: 11px; background: url('/WEB/App_Themes/default/images/HP/pics/rightTopCornerBlue.gif') no-repeat; }
div.box .title .middle {float: right; height: 38px; background: url('/WEB/App_Themes/default/images/HP/pics/midTopCornerBlue.gif') repeat-x;}
div.box .title .left {float: right; height: 38px; width: 11px; background: url('/WEB/App_Themes/default/images/HP/pics/leftTopCornerBlue.gif') no-repeat; }
div.box .title .middle img {margin-top:9px; float: right;display: inline;}
div.box .title .middle h3 {font-weight:normal; color:#fff; text-align:right; direction:rtl; font-size:18px; line-height:35px; vertical-align:middle;}

div.box .content {float: right; height: auto;border-top: 1px solid #F6F6F6; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; background: #FFFFFF;}

div.box .bottom {float: right; height: 26px; }
div.box .bottom .right {float: right; height: 26px; width: 10px; background: url('/WEB/App_Themes/default/images/HP/pics/rightBotCornerW.gif') no-repeat; }
div.box .bottom .middle {float: right; height: 26px; background: url('/WEB/App_Themes/default/images/HP/pics/midBotCornerW.gif') repeat-x;}
div.box .bottom .left {float: right; height: 26px; width: 10px; background: url('/WEB/App_Themes/default/images/HP/pics/leftBotCornerW.gif') no-repeat; }
div.box .bottom .middle img {}


/* -- 252px box width --
div.box.width252 { height: auto; width: 252px; }
div.box.width252  .title .middle {width: 230px;}
div.box.width252  .content {  width: 250px;}
div.box.width252  .bottom {width: 252px; }
div.box.width252  .bottom .middle { width: 232px;  }

*/

/* -- 225px box width -- 
div.box.width225 { height: auto; width: 225px; }
div.box.width225  .title .middle {width: 203px;}
div.box.width225  .content {  width: 223px;}
div.box.width225  .bottom {width: 225px; }
div.box.width225  .bottom .middle { width: 205px;}
*/

/* ======================
----- sepecific boxes
========================= */

/* -- services -- */
div.box.service .content {height:112px;}
div.box.service .content img {float:left;}
div.box.service .content .imgCont {float:right;width:90px;}
div.box.service .content .pText { width:150px; _width:147px; _display:inline-block; text-align:right; direction:rtl; position:relative; height:91px; padding-top:9px; color:#0066cc;}
/*div.box.service .content p {float:right; _display:inline-block; text-align:right; direction:rtl; position:relative; height:91px; padding-top:9px; color:#0066cc;}*/
div.box.service .content a {text-decoration:none; top:100%; right:0; font-weight:bold;color:#0066cc; background:url(/WEB/App_Themes/default/images/control/box/readmore.gif) 0 55% no-repeat; padding-left:12px; display:block; height:16px;}
div.box.service .content a:hover {text-decoration:underline;}
/* ======================
----- fullscreen
========================= */



/* -- home page -- */

/*drag and drop*/
ul.dragDrop { float: left; margin: 0px; padding: 0px; height: auto; width: 218px; }
ul.dragDrop li { height: auto; width: 218px; list-style-type: none; float: right; }
ul.dragDrop li .box { height: auto; width: 218px; }
ul.dragDrop li .box .title { cursor: move; }
ul.dragDrop li .box .title .right {}
ul.dragDrop li .box .title .left {}
ul.dragDrop li .box .title .middle {width: 196px;}
ul.dragDrop li .box .title .middle img {  }
ul.dragDrop li .box .content {  width: 216px;}
ul.dragDrop li .box .bottom {width: 218px; }
ul.dragDrop li .box .bottom .left { }
ul.dragDrop li .box .bottom .right {}
ul.dragDrop li .box .bottom .middle { width: 198px;  }
ul.dragDrop li .box .bottomInterval { float: right; height: 10px; width: 100%; overflow: hidden; }


/* =========================== 
----- blue box (gradient)
============================== */

div.box-blue {position:relative; background:#1DA7E2 url(/WEB/App_Themes/default/images/control/boxBlue/tc.gif) 0 0 repeat-x; min-height:162px; height:auto !important; height:162px;}
div.box-blue div.corner {position:absolute; top:0; height:6px; width:6px;}
div.box-blue div.tr {background:url(/WEB/App_Themes/default/images/control/boxBlue/tr.gif) 0 0 no-repeat; right:0; _left:100%; _margin-left:-5px;}
div.box-blue div.tl {background:url(/WEB/App_Themes/default/images/control/boxBlue/tl.gif) 0 0 no-repeat; left:0;}
div.box-blue div.bottom {position:absolute; bottom:0; width:100%; background:url(/WEB/App_Themes/default/images/control/boxBlue/bc.gif) 0 0 repeat-x;  overflow:hidden; _display: inline-block;}
div.box-blue div.bottom div {width:6px;width:6px; height:26px; }
div.box-blue div.bl {background:url(/WEB/App_Themes/default/images/control/boxBlue/bl.gif) 0 0; float:left; }
div.box-blue div.br {background:url(/WEB/App_Themes/default/images/control/boxBlue/br.gif) 0 0; float:right;} 
div.box-blue .content {text-align:right; direction:rtl; font-family:Arial; padding:15px 20px 0; color:#fff; height:253px;}
div.box-blue h3 {font-size:20px;}
div.box-blue h4 {font-size:16px;}
div.box-blue p {margin-top:10px}
div.box-blue label {display:block;}
div.box-blue input {width:142px;display:block;}
div.box-blue input.checkbox {width:auto; margin:0; padding:0; height:15px;}
div.box-blue a.button {position:absolute; bottom:26px;}
div.box-blue a.button.blb {left:7px;} /* -- continue -- */
div.box-blue a.button.glb {right:7px;} /* -- back -- */
div.box-blue a.button .text {color:#025bb4; font-size:14px; width:125px;}
div.box-blue a.button.glb .text {text-align:left;}
div.box-blue a.buttonReg {position:absolute; color: White; font-weight:bold; cursor: pointer;}


/* -- for form fields and label -- */
.box-blue ul {margin:10px 0 0 0;  padding:0;}
.box-blue li {margin:0; padding:0; list-style:none;  margin-bottom:7px; _margin-bottom:3px; width:268px; overflow:hidden;}
.box-blue ul li label {width:115px;}
.box-blue ul li label,
.box-blue ul li input {float:right;} 
.box-blue ul li label.checkbox {width:auto; margin-right:10px;}

.jobs div{display:none;}
.jobsOpen div{display:inline;}
.corporateMenuN div table
{
	background-image:none;
	}