@charset "utf-8";
/* CSS Document */
*,h1,h2,h3,h4,h5,h6,ul,ol,li,p,dl,dt,dd, form{margin:0; padding:0;}
input{ font-family: Tahoma, Geneva, sans-serif;}
A, A:active, A:visited{outline:0px; cursor:pointer}
h4{ padding:5px; margin:20px 0px 5px 0px;clear:both; font-size:1.5em;line-height:1.3em; float:left; width:98%;  background:#ececec;color:#666; }
body {background:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; padding:10px; margin:0px; min-height: 100%;}
img { border:none; }
.hideText {text-indent:-10000px; line-height:0px; text-decoration:none; font-size:0px; overflow:hidden; display:block; color:#ffffff;}

.container {padding: 0 0px 0 300px;}
.main {float:left; width:100%; }
.side {float:left; width:300px; display:inline; overflow:hidden; margin:0 0 0 -300px;}

.logo { width:300px; height:107px; background:url(../images/graphics/en/logo.gif) no-repeat top left; }
.logo a { display:block; width:300px; height:72px; padding:35px 0 0 0px; text-align:center; color:#FFF; text-shadow:1px 1px 0px #000; text-decoration:none; font-size:1.4em;}
/*
.logo a { display:block; width:300px; height:107px;}
*/

.menu { width:100%; background:#f3f3f3 url(../images/common/curveTopLeft.gif) no-repeat top left; margin:10px 0; }
.menuWrapper { width:100%; background:url(../images/common/curveTopRight.gif) no-repeat top right; }
.menuContainer { width:100%; background:url(../images/common/curveBottomLeft.gif) no-repeat bottom left; }
.menuContainer ul { width:288px; padding:6px 6px 10px 6px;  background:url(../images/common/curveBottomRight.gif) no-repeat bottom right; list-style:none; }
.menuHead { width:227px; height:13px; padding:15px 30px; margin:1px 0 0 0; background:url(../images/common/menuHead.gif) no-repeat top left; }
.menuHead a { font-size:1.2em; font-weight:bold; color:#ddba15; text-decoration:none; }
.menuMe {  }
.menuItem { width:289px; height:27px; margin:1px 3px 0 3px; }
.menuItem a { display:block; width:269px; height:13px; color:#002864; background:url(../images/common/menuItem.gif) no-repeat top left; text-decoration:none; font-weight:bold; padding:7px 10px; }
.menuItem a:hover { background-position:0 -27px; color:#FFF; }

.userBar { float:left; width:100%; background:#f3f3f3 url(../images/common/curveTopRight.gif) no-repeat top right; position:relative; z-index:1; }
.userData { float:left; width:99%; background:url(../images/common/userDataBg.gif) repeat-x top; height:38px; margin:10px 0 0 0; font-weight:bold; text-shadow:1px 1px 0px #edda81; }

.greetings { float:left; width:auto; margin:11px 0 0 20px; font-size:1.2em; font-weight:normal; }
.userAvatarSmall { float:left; width:29px; height:30px; margin:4px 5px 0 5px; -webkit-box-shadow: 1px 1px 0px #edda81;-moz-box-shadow: 1px 1px 0px #edda81; box-shadow: 1px 1px 0px #edda81; }
.userName { float:left; width:auto; font-weight:bold; font-size:1.2em; color:#3a006b; text-decoration:none; margin:10px 5px 0 5px;  }
.userDataWrapper { float:left; width:100%; background:url(../images/graphics/en/userData.gif) no-repeat top right; height:38px; }
.controlPanel { float:left; width:auto; background:url(../images/icons/cp.png) no-repeat left -1px; height:25px; margin:7px 0 0 10px; padding:3px 0 0 25px; color:#FFF; text-decoration:none; text-shadow:1px 1px 0px #967f0e; font-weight:bold; font-size:1.2em; }
.controlPanel:hover { color:#003e9c; text-shadow:1px 1px 0px #edda81; }
.accountSettings { float:left; width:auto; background:url(../images/icons/settings.png) no-repeat left -1px; height:25px; margin:7px 0 0 5px; padding:3px 0 0 25px; color:#FFF; text-decoration:none; text-shadow:1px 1px 0px #967f0e; font-weight:bold; font-size:1.2em; }
.accountSettings:hover { color:#003e9c; text-shadow:1px 1px 0px #edda81; }
.logout { float:right; width:47px; height:30px; margin:3px 4px; background:url(../images/common/headBtns.gif) no-repeat top right; }
.logout:hover { background-position:-94px 0; }
.homeIcon { float:right; width:47px; height:30px; margin:3px 4px; background:url(../images/common/headBtns.gif) no-repeat; background-position:-47px 0; }
.homeIcon:hover { background-position:0 0; }

.userInfo { float:left; width:100%; background:url(../images/common/curveBottomRight.gif) no-repeat bottom right; height:59px; }

.notifications { float:left; width:115px; background:#003e9c url(../images/common/notificationsBottomLeft.gif) no-repeat bottom left; margin:0 0 0 1px; }
.notificationWrapper { float:left; width:105px; background:url(../images/common/notificationsBottomRight.gif) no-repeat bottom right; padding:5px; height:30px; }
.notificationWrapper.selected { height:auto; }
.notificationWrapper a { position:absolute; z-index:1000; font-weight:bold; font-size:1em; color:#FFF; text-decoration:none; }
.notificationWrapper span { float:left; background:url(../images/icons/YellowBall.png) no-repeat top left; width:22px; height:16px; padding:8px 5px; text-align:center; color:#000; text-shadow:1px 1px 0px #fff; }
.notificationWrapper strong { float:left; width:auto; margin:8px 0 0 0px; }
.notificationsList { float:left; width:100%; color:#FFF; margin:30px 0 0 0; }
.notificationsCounter { float:left; /*width:100%;Galal*/ height:30px; }

.searchBar { float:right; /*width:323px;*//*Galal*/ margin:10px 0 0 0; }
.searchBar .inputText { float:left; width:197px; height:15px; background:url(../images/common/headSearchBg.gif) no-repeat top left; padding:10px; border:none; font-weight:bold;color:#2e2e2e; margin:0 10px 0 0; }
.mediumBtn { float:left; width:85px; height:33px; background:url(../images/common/mediumBtnBg.gif) no-repeat top left; border:none; cursor:pointer; color:#FFF; font-weight:bold; }
.mediumBtn:hover { background-position:0 -34px; color:#000; }

.content { float:left; width:99%; background:#f3f3f3 url(../images/common/curveTopLeft.gif) no-repeat top left; margin:10px 0 10px 10px; }
.contentWrapper { float:left; width:100%; background:url(../images/common/curveTopRight.gif) no-repeat top right; }
.contentContainer{ float:left; width:100%; background:url(../images/common/curveBottomRight.gif) no-repeat bottom right; }
.contentMain { float:left; width:99%; background:url(../images/common/curveBottomLeft.gif) no-repeat bottom left; padding:10px; }

.footer { float:left; width:100%; background:#f3f3f3 url(../images/common/curveTopLeft.gif) no-repeat top left; margin:0 0 10px 0px; clear:both; }
.footerWrapper { float:left; width:100%; background:url(../images/common/curveTopRight.gif) no-repeat top right; }
.footerContainer{ float:left; width:100%; background:url(../images/common/curveBottomRight.gif) no-repeat bottom right; }
.footerMain { float:left; width:99%; background:url(../images/common/curveBottomLeft.gif) no-repeat bottom left; padding:10px; }
.footerMain p { float:left; width:30%; margin:0 0 0 20%;  color:#717171; text-shadow:1px 1px 0px #fff;  }
.footerMain p a { float:left; width:auto; margin:0 0 0 5px; }
.footerMain p span { float:left; width:auto; margin:7px 0 0 5px; }
.footerMain ul { float:left; width:40%;	 list-style:none;  color:#717171; text-shadow:1px 1px 0px #fff; margin:7px 0 0 0; }
.footerMain ul li { float:left; width:auto; margin:0 5px;  }
.footerMain ul li a { color:#717171; text-decoration:none;}
form, .form{float:left; width:100%; margin:0px;}
form p, .form p{float:left; width:100%; margin:5px 0 0 0px;  padding:5px 0px; clear:both;}					
form p label,.form p label{float:left; width:200px; display:inline; margin:5px 10px 0 0; color:#000; font-weight:bold; text-align:right; font-size:1.2em;}	
form div, .form div{ width:100%; margin:5px 0 0 0px;  padding:5px 0px; clear:both;}					
form div label,.form div label{float:left; width:200px; display:inline; margin:5px 10px 0 0; color:#000; font-weight:bold; text-align:right; font-size:1.2em;}	

.ajaxDialog {float:left; width:100%; margin:0px;}
.ajaxDialog p {float:left; width:100%; margin:5px 0 0 0px;  padding:5px 0px; clear:both;}					
.ajaxDialog label{float:left; width:120px; display:inline; margin:5px 10px 0 0; color:#000; font-weight:bold; text-align:right; font-size:1em !important;}	
.ajaxDialog div{ width:100%; margin:5px 0 0 0px;  padding:5px 0px; clear:both;}					
.ajaxDialog div label {float:left; width:120px; display:inline; margin:5px 10px 0 0; color:#000; font-weight:bold; text-align:right; font-size:1.2em;}	

label.checkLabel, label.radioLabel{float:left; width:auto; clear:none;margin:0px 30px 0px 0px;}
form small, .form small{display:block;}					
form p.formSubmit,.form p.formSubmit,.form div.formSubmit,.formSubmit{clear:both; width:100%; margin:10px 0px; float:left; }
form div.formSubmit,.form div.formSubmit,.form div.formSubmit,.formSubmit{clear:both; width:100%; margin:10px 0px; float:left; }
.form-note{padding:10px; width:90%;} 
form img{vertical-align:middle;}

.inputFileWrapper {width:350px; padding:10px 5px; background:#FFF; border:3px solid #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin: 0px;
clear: none;
float: left;}
.inputFileWrapper img { clear:both;display:block;}
input.text-box{ float:left; width:350px; padding:5px; background:#FFF; border:3px solid #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input.text-box.large{width:350px}
input.text-box.medium{width:100px;  margin:0px 5px 0px 0px;}
input.text-box.small{ float:left; width:100px;  margin:0px 5px 0px 0px;}
input.text-box.tiny{width:25px;  margin:0px 5px 0px 0px;}

textarea{width:350px; padding:5px; height:100px; overflow:auto;  background:#FFF; border:3px solid #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
textarea.large{width:450px; padding:5px; height:100px;}
textarea.small{width:100px; height:15px;  margin:0px 5px 0px 0px;}

input.input_file{ width:352px; padding:2px; background:#FFF; border:3px solid #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

input.input_button{padding:2px 8px;cursor:pointer;}
input.input_button.small{padding:0px 3px;}

input.check-box, input.input_radio{float:left; width:16px; height:24px; display:inline; margin:2px 0px 0px 0px;}

select{width:362px; padding:5px;margin:0px 10px 0px 0px; background:#FFF; border:3px solid #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
select.small{width:115px; margin:0px 5px 0px 0px;}
select.medium{width:150px; margin:0px 5px 0px 0px;}
select optgroup{padding:5px 0px 0px 0px;}

.selectList-items{float:left; width:200px; margin:0px 50px;}
.selectList-items select{width:200px}
.selectList-items label{width:200px; padding:10px 0px;}
.selectList-controls{float:left; width:30px; text-align:center; padding:60px 0px 0px 0px;}
.selectList-controls input{width:30px; display:block; margin:0px auto;}


.imagePreview{padding:5px; float:left; display:inline; margin:0px 10px 0px 0px;}
/*-------------5. Tables ------------*/
table{margin:10px 0px; width:99%; }
table tr td{padding:5px;}
table tr th{padding:5px;text-align:left;}
table .tr_alt1{background:#FFFFFF}

/*-------------6. Data ------------*/
.listSorter{margin:10px 0px; padding:5px 0px; float:left; width:100%}
.listSorter dl{float:left; margin:0px; padding:0px 0px 0px 100px;}
.listSorter dt{float:left; padding:5px 0px 5px 10px; margin:0px 0px 0px -100px; width:100px; display:inline;}
.listSorter dd{float:left; padding:0px; margin:3px; display:inline;}
.listSorter dd A{padding:2px 5px; float:left;}
.listSorter dd.selected{}
/*-------------7. lists ------------*/
.headerTxt{float:left;}
.headerFuns{float:left;width:24px;}
.headerFuns a{display:block; float:right; width:16px; height:16px; overflow:hidden;margin:8px 0 0 5px; display:inline;}
.listSearch{float:left; width:95%; margin:10px 0; padding:10px;}
.listSearch label{padding:5px 0 0 10px;float:left; width:150px; text-align:right;}
.listSearch select{float:left;}
.listSearch p{padding:5px 0;}
.listSearch .check-box{margin:0 0 0 10px;}
.listSearch-group{float:left; height:25px; padding:2px 3px;}

.itemsListGroup{float:right; width:100%; margin:0 0 5px 0;}
.itemsList{padding:0px; margin:0; list-style:none; float:left; width:100%; clear:both;}
.item_featured{float:left; width:25px; height:25px; display:inline; margin:2px 0px 0px 10px;}
.item_featured A{width:24px; height:24px;}

.itemsList .listItem{margin:0px 0px 1px 0px; padding:4px 0px;float:left; width:100%; clear:both;}
.itemsList .text-box{font-weight:bold; height:22px; margin:0px 5px 0px -3px; padding:2px 2px; float:left; height:18px; display:inline; width:140px;}
.itemsList .text-box.medium{font-weight:normal; width:90px;}
.itemsList .text-box.small{width:40px;}
.item_date{float:left; width:70px; padding:8px 0 3px 25px;}
.item_time{float:left; width:110px;padding:11px 0 3px 25px;}
.item_title{padding:5px 0px 0px 10px; float:left;}
.item_title label{float:left;margin:0; display:inline; width:auto;}
.item_desc{float:left; padding:10px 0px 0px 5px;}
.item_desc a:hover{text-decoration:none}
.item_links{float:right; width:190px;padding:6px 5px 0 0;}
.item_links a{ padding:2px 5px; float:left; margin:0 2px; display:inline;}

.item_comments{float:right;padding:3px 5px 3px 20px;margin:8px 0 0 0;}
 
.item_data{clear:both; padding:10px 20px; font-size:1.2em;}
 
.item_funs{float:right;padding:0px 10px; margin:5px 0px 0px 0px;}
.item_funs a{display:block; float:right; width:16px; height:16px; overflow:hidden;margin:0 0 0 5px; display:inline;}

.itemsList .itemsList .listItem .text-box{height:18px; margin:0px 3px 0px 0px; padding:2px 2px;}

dl.item_blocks{float:left;margin:10px 1% 5px 1%; display:inline; width:98%;clear:both;}
dl.item_blocks dt{float:left; padding:15px 10px 0px 10px;}
.item_blocks dd{float:left; margin:10px 5px 5px 5px; padding:3px; display:inline;}
.item_blocks dd A.item_block-title{padding:0px 3px;}
.item_blocks dd A.item_block-remove{padding:0px 3px;}
.item_blocks dd A.item_block-remove:hover{padding:0px 3px;}
.item_blocks dd.item_blocks-new{border:0px; padding:0px 3px; margin:8px 5px 5px 5px}
.item_blocks-new select{height:22px; }

.user-item{float:left; width:100%;cursor:pointer;}
.itemsList .user-item.selected{padding-bottom:20px; }
.user-item-main{float:left; width:100%;}
.user-item-thumb{float:left; padding:10px 10px 10px 0; margin:0 0 0 15px; display:inline;}
.user-item-thumb img{padding:5px;}
.user-item-data{float:left; min-width:400px;}
.user-item-data h5{margin:5px 0 0 0;}
.user-item-data span{display:block;}
.user-item-actions{float:right; width:150px; margin:10px; display:inline;}
.user-item-actions a{float:left; display:inline; margin:10px 2px; width:20px; height:20px; text-indent:-1000px;overflow:hidden;}


.itemsList .user-item.selected .user-item-main{padding-bottom:10px;}

.user-item-extended{float:left; margin:0 3%; clear:both; width:85%; padding:10px 3%;clear:both;display:inline;}
.user-item-extended dl{width:400px; float:left; margin:3px 0;}
.user-item-extended dt{float:left; font-weight:bold; width:90px;}

.user-item-ads{float:right; margin:0 0 0 20px; display:inline;}
.user-item-ads a{text-decoration:none; display:block; padding:3px 10px;}
.user-item-ads a b{font-size:3.8em;}

.pagination{font-family:Tahoma; font-size:0.9em; border-top:2px solid #f1f1f1;background:#fafafa; color:#CCCCCC;}
.pagination A, .pagination input {border:1px solid #f1f1f1; padding:2px 6px; margin:1px 0 1px 5px; text-decoration:none; background:#FFFFFF; color:#000000; cursor:pointer;}
.pagination A:hover, .pagination input:hover,.pagination .current {background:#999999; color:#FFFFFF;}


.pagination_count{font-weight:bold; background:#999999; color:#FFFFFF;}


.pagination_numbers span{font-weight:bold; color:#000000;border:1px solid #999999;}

.pagination{float:left; width:99%; margin:20px 0px 0px 0px; font-family:Tahoma;padding:5px 0px;}
.pagination A{padding:2px 6px;}


.pagination_count{float:left; padding:3px 5px; font-weight:bold;}
.pagination_previous{float:left; padding:3px 5px;}
.pagination_first{float:left; padding:3px 0 3px 5px;}
.pagination_next{float:left; padding:3px 5px;}
.pagination_last{float:left; padding:3px 5px 3px 0;}

.pagination_numbers{float:left; padding:3px 10px;}
.pagination_numbers span{padding:0px 5px;padding:2px 6px; }

/*-------------9. Statistics ------------*/
dl{float:left; width:100%; margin:0 0 10px 0; padding:5px 0; clear:both;}
dl dt{float:left; width:200px; margin:0 10px 0 0; padding:5px 10px; display:inline; clear:both;}
dl dd{float:left; margin:0; padding:5px 0}

/*-------------3. Login------------*/
#loginMain{background:#FFFFFF; border:10px solid #eeeeee;}
#loginMain h2{background:#666666;color:#FFFFFF;}

/*-------------3. Flashes & Errors------------*/
.flash { float:left; width:91%;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:10px 0; padding:20px 20px 20px 50px; }
.flash h4 { margin:0 0 10px 0; padding:0px; }
.flash ul { float:left; width:60%; margin:0 0 0 30px; }
.flash-warning{background:#FFFEEB url(../images/icons/error.png) no-repeat 20px 20px; border:2px solid #FFF3D0; color:#967422;}
.flash-notice{background:#F1FFDE url(../images/icons/accept.png) no-repeat 20px 20px; border:2px solid #E5F8CB; color:#438106;}
.validation-summary-errors { float:left; width:91%;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:10px 0; padding:20px 20px 20px 50px; background:#FFF0F3 url(../images/icons/remove.png) no-repeat 20px 20px; border:2px solid #FED6DE; color:#d31030;}
.flash h4,.flash h2{font-size:1.4em;background:none; border:0px;font-style:normal;}
.flash-warning h4,.flash-warning h2{color:#967422}
.flash-notice h4,.flash-notice h2{color:#438106}
.validation-summary-errors span { float:left; width:100%; font-weight:bold; font-size:1.5em; margin:0 0 10px 0; color:#d31030}
.validation-summary-errors ul { float:left; width:60%; margin:0 0 0 30px; }

.errorExplanation{text-align:left; font-size:1.2em; background:#FFF0F3 url(../images/icons/flashes/error.png) no-repeat 20px 20px; border:2px solid #FED6DE; color:#FF0000}
.errorExplanation h2{font-size:1.4em; background:none; background:none; border:0px;font-style:normal; color:#FF0000}
.errorExplanation ul{list-style:square}


/*-------------4.forms------------*/					
label.checkLabel, label.radioLabel{text-align:right;color:#666666; margin:5px 10px 0 2px;width:auto;/*Galal*/}
form small, .form small{color:#999999; font-size:0.9em;}					
form p.formSubmit,.form p.formSubmit,.form div.formSubmit,.formSubmit{text-align:right; width:99%; margin:10px 0 0 0;}
.form-note{background:#FFFFCC; border:1px solid #FFCC66; color:#CC6600;} 
form img{vertical-align:middle;}

.form-unit{font-size:0.8em; color:#666666;}
input.text-box{border:3px solid #CCCCCC;font-size:1.05em!important;/*Galal*/}

textarea{border:3px solid #CCCCCC;font-size:1em;}
textarea.large{border:3px solid #CCCCCC;font-size:1.05em!important;/*Galal*/}

input.input_file{border:1px solid #CCCCCC;font-size:1.05em!important;/*Galal*/}

input.input_button{font-size:1.5em; color:#000000; font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
input.input_button.small{font-size:1em;}


select{border:3px solid #CCCCCC;font-size:1.2em!important;/*Galal*/}
select optgroup{background:#EEEEEE; color:#000000;font-size:1.3em;}

.selectList-controls{text-align:center;}


input.input-validation-error, select.input-validation-error, textarea.input-validation-error{border:3px solid #FED6DE; background:#FFF0F3}

.imagePreview{border:1px solid #CCCCCC;}

.formAddSection{border:2px solid #E4F4A6; background:#F4FCD6;}
.formAddSection-remove{text-align:right; font-size:1.2em;}
.formAddSection-remove A{text-decoration:none; background:#FFFFFF;}
.formAddSection-remove A:hover{background:none;}

.button-delete{background:url(../images/icons/16/x.png)}
.button-publish{background:url(../images/icons/16/done.png)}
.button-reject{background:url(../images/icons/16/stop.png)}
.button-unpublish{background:url(../images/icons/16/red-spot.png)}
.button-edit{background:url(../images/icons/16/pencil.png)}

/*-------------5. Tables ------------*/

table tr{border-bottom:2px solid #FFFFFF}
table tr td{border-bottom:1px solid #CCCCCC}
table tr th{border-bottom:2px solid #CCCCCC; text-align:left; color:#666666; font-size:1.1em; background:#EEEEEE;}
table .tr_alt1{background:#FFFFFF}

/*-------------6. Data ------------*/
.listSorter{border-bottom:1px solid #f1f1f1; border-top:1px solid #f1f1f1; background:#fafafa;}
.listSorter dt{color:#999999;}

.listSorter dd A{text-decoration:none; color:#666666;background:#e1e1e1; font-weight:bold;}
.listSorter dd A:hover{background:#eeeeee;}
.listSorter dd.selected{}
.listSorter dd.selected A{color:#FFFFFF;background:#333333;}
.listSorter dd.selected A:hover{background:#333333;}

/*-------------7. lists ------------*/

.headerFuns a{background-repeat:no-repeat;}
.listSearch{background:#fafafa;font-size:1em; font-weight:bold; border:1px solid #f1f1f1;}
.listSearch label{color:#666666;}
.listSearch label small{font-weight:normal; font-size:0.9em;}
.listSearch p{border-bottom:3px solid #ffffff;}
.listSearch .checkLabel{font-weight:normal;}
.listSearch .formSubmit{border-bottom:none; text-align:left; font-size:1.2em;}

.itemsList{list-style:none;}
.item_featured{width:25px; height:25px}
.item_featured A{width:24px; height:24px;}

.item_featured.no A{background:url(../images/icons/24x24/favorite_no.png) no-repeat}
.item_featured.yes A{background:url(../images/icons/24x24/favorite.png) no-repeat}

.item_featured.no A:hover{background:url(../images/icons/24x24/favorite.png) no-repeat}
.item_featured.yes A:hover{background:url(../images/icons/24x24/favorite_no.png) no-repeat}

.itemsList .listItem{border-bottom:2px solid #eeeeee;  background:#f1f1f1;}
.itemsList .text-box{color:#000000; font-weight:bold;}
.itemsList .text-box.medium{color:#666666; font-weight:normal;}
.itemsList .text-box.small{color:#666666; font-weight:normal;}
.itemsList .listItem:hover{background:#FFFFCC; border-bottom:2px solid #ffeda2}
.item_date{background:url(../images/icons/16x16/clock.png) no-repeat 5px 7px; font-size:0.9em; color:#999999; text-transform:uppercase;}
.item_time{background:url(../images/icons/16x16/clock.png) no-repeat 5px 10px; font-size:0.9em; color:#999999; text-transform:uppercase;}
.item_title{font-size:1.5em; font-weight:bold;}
.item_title label{font-size:13px;color:#333333; font-weight:normal; background:#CCCCCC;}
.item_desc{font-size:0.9em; color:#666666;}
.item_desc a{color:#666666;}
.item_desc a:hover{text-decoration:none}
.item_links{font-size:0.9em; text-align:right;}
.item_links a{background:#666666; color:#FFFFFF; text-decoration:none;}
.item_links a:hover{background:#333333; color:#FFFFFF}

.item_comments{background:url(../images/icons/16x16/comments.png) #d2e9fb no-repeat 2px 3px;font-size:0.9em; text-align:right;color:#000000; font-weight:bold;}

.item_data{font-size:1.2em;}

.item_funs a{background-repeat:no-repeat;}
.item_funs-edit{background:url(../images/icons/16/pencil.png)}
.item_funs-save{background:url(../images/icons/16/done.png)}
.item_funs-cancel{background:url(../images/icons/16/stop.png)}
.item_funs-add{background:url(../images/icons/16/plus.png)}
.item_funs-delete{background:url(../images/icons/16/x.png)}
.item_funs-block{background:url(../images/icons/16/stop.png)}
.item_funs-unblock{background:url(../images/icons/16/done.png)}

.itemsList .itemsList .listItem{font-size:0.8em; background:#FCFCFC; color:#666666;  border-bottom:1px solid #E0E0E0;}
.itemsList .itemsList .listItem .text-box{color:#999999; font-weight:bold;}
.highlight{background:#FFFF00;}

dl.item_blocks{font-size:0.8em; font-weight:bold;background:#FFFFFF;}
dl.item_blocks dt{color:#999999;}
.item_blocks dd{background:#5d337a; border:1px solid #000000;}
.item_blocks dd A{color:#FFFFFF; text-decoration:none;}
.item_blocks dd A.item_block-title:hover{text-decoration:underline;}
.item_blocks dd A.item_block-remove{background:#000000;}
.item_blocks dd A.item_block-remove:hover{background:#CC0000;}
.item_blocks dd.item_blocks-new{background:none;}

.user-item{background:url(../images/graphics/admin/listBg.png) #f8f8f8 repeat-x;border-bottom:2px solid #ffffff; }
.user-item:hover{background:url(../images/graphics/admin/listBg-hover.png) #f5f5f5 repeat-x;}
.itemsList .user-item.selected{background:url(../images/graphics/admin/listBg-selected.png) repeat-x #f6f6f6; }
.user-item-main{float:left;}
.user-item-thumb{float:left;}
.user-item-thumb img{background:#ffffff; border:1px solid #eeeeee;}
.user-item-thumb a:hover img{border-color:#000000;}
.user-item-data h5{font-size:1.8em;}
.user-item-data h5 a{text-decoration:none; color:#333333}
.user-item-data h5 a:hover{color:#000000; text-decoration:underline;}
.user-item-data span{font-size:0.9em; color:#666666;}
.user-item-actions a{text-indent:-1000px; text-decoration:none; background-repeat:no-repeat;background-position:center center}
.user-item-actions a:hover{background-color:#ffffff;}
.user-item-block{background-image:url(../images/icons/16/stop.png);}
.user-item-unblock{background-image:url(../images/icons/16/done.png);}
.user-item-message{background-image:url(../images/icons/16/envelop_yellow.png);}
.user-item-deleteAvatar{background-image:url(../images/icons/16/image_remove.png);}


.itemsList .user-item.selected .user-item-main{font-size:1.6em;}

.user-item-extended{background:#ffffff; clear:both; border:1px solid #f1f1f1;}
.user-item-extended dl{font-size:1.1em;}
.user-item-extended dt{font-weight:bold;}

.user-item-ads{background:url(../images/graphics/admin/countBg.png) repeat-x;}
.user-item-ads a{text-decoration:none;text-align:center; color:#4d2a65; border:5px solid #e8daeb; }
.user-item-ads a:hover{border:#4d2a65 5px solid;}
.user-item-ads a b{font-size:3.8em;}

.listing { float:left; width:99%; border:none; list-style:none; }
.listing th { background:#003e9c; color:#FFF; padding:10px; text-align:left;}
.listing li { float:left; width:100%; background:#ececec; color:#434343; border-bottom:1px solid #cfcfcf; margin:0 0 2px 0; }
.listing li.none { background:none; border-bottom:none; margin:0; }
.listing li.none:hover { background:none; border-bottom:none; margin:0; }
.listing li:hover { background:#f2ecd1; border-bottom:1px solid #d6cb97;}
.listing li.listingTitles { background:#003e9c; color:#FFF; border:none; font-weight:bold; text-align:left; }
.listing li.listingTitles .title { margin:10px 0 10px 10px; text-align:left;float:left;/*Galal*/ }
.listing li.listingTitles .userActions { margin:10px 10px 10px 0px; text-align:right; }
.listing li:hover.listingTitles { background:#565656; color:#FFF; border:none; }
.listing tr{ background:#ececec; color:#434343; border-bottom:1px solid #cfcfcf; margin:0 0 2px 0; }


.listing li a.title { float:left; width:50%/*Galal*/; padding:10px 0 10px 10px; font-weight:bold; text-align:left; color:#434343; text-decoration:none; }
.listing li a.level01 { padding:10px 0 10px 20px;}
.listing li a.level02 { padding:10px 0 10px 40px;}
.listing li a.level03 { padding:10px 0 10px 60px;}
.listing li a.level04 { padding:10px 0 10px 80px;}
.listing li a.level05 { padding:10px 0 10px 100px;}
.listing li a.level06 { padding:10px 0 10px 120px;}
.listing li a.level07 { padding:10px 0 10px 140px;}
.listing li a.title img { margin:0 5px 0 0;}
.listing span.userActions { float:right; width:165px; margin:10px 10px 10px 0; }
.listing td.level01 { padding:10px 0 10px 20px;}
.listing td.level02 { padding:10px 0 10px 40px;}
.listing td.level03 { padding:10px 0 10px 60px;}
.listing td.level04 { padding:10px 0 10px 80px;}
.listing td.level05 { padding:10px 0 10px 100px;}
.listing td.level06 { padding:10px 0 10px 120px;}
.listing td.level07 { padding:10px 0 10px 140px;}

.listing .listingrow {  background:#d5d5d5; color:#434343; border-bottom:1px solid #b9b9b9; margin:0 0 2px 0; }
.listing tr:hover { background:#f2ecd1; border:1px solid #d6cb97;}
.listing td { padding:10px; text-align:left; }
.listing td.userActions,.listing th.userActions { width:165px; text-align:right; }
.listing td.title,.listing th.title {  font-weight:bold; text-align:left; }
.listing td.title img { margin:0 5px 0 0; }

.listing ul { list-style:none; float:left; width:100%; }
.listing ul { list-style:none; float:left; width:100%; }

.userActions span { float:right; width:auto; }
.addBtn { background:url(../images/icons/add.png) no-repeat top left; width:24px; height:24px; float:left; margin:0 2px; border:none; cursor:pointer; }
.editBtn { background:url(../images/icons/page_edit.png) no-repeat top left; width:24px; height:24px; float:left; margin:0 2px;  border:none; cursor:pointer; }
.deleteBtn { background:url(../images/icons/remove.png) no-repeat top left; width:24px; height:24px; float:left; margin:0 2px;  border:none; cursor:pointer; }
.sortingSe { border:none; cursor:pointer; background:url(../images/common/sorting-se.gif) no-repeat right; font-weight:bold; color:#FFF; text-decoration:none; padding:0 15px 0 0;   }
.sorting { background:none; border:none; cursor:pointer; font-weight:bold; color:#FFF; text-decoration:none; padding:0 15px 0 0;   }
.sortingDe { border:none; cursor:pointer; background:url(../images/common/sorting-de.gif) no-repeat right; font-weight:bold; color:#FFF; text-decoration:none; padding:0 15px 0 0; }
.bigBtn { float:left; background:url(../images/common/bigBtnbg.png) no-repeat top left; width:105px; height:43px; border:none; color:#FFF; font-weight:bold; margin:0 0 0 10px; cursor:pointer; text-align:center; font-family: Tahoma, Geneva, sans-serif;}
.bigBtn:hover { background-position:0 -43px; }

.bigerBtn { float:left; background:url(../images/common/LargeBtn.png) no-repeat top left; width:145px; height:43px; border:none; color:#FFF; font-weight:bold; margin:0 0 0 10px; cursor:pointer; text-align:center; }
.bigerBtn:hover { background-position:0 -43px; }

.bigestBtn { float:left; background:url(../images/common/LargeBtn.png) no-repeat top left; width:145px; height:30px; border:none; color:#FFF; font-weight:bold; margin:0 0 0 10px; cursor:pointer; text-align:center; padding:13px 0 0 0; text-decoration:none; font-size:1.1em; }
.bigestBtn:hover { background-position:0 -43px; }


.largeBtn { float:right; background:url(../images/common/bigBtnbg.png) no-repeat top left; width:105px; height:30px; border:none; color:#FFF; font-weight:bold; margin:0 10px 0 0; cursor:pointer; text-align:center; padding:13px 0 0 0; text-decoration:none; }
.largeBtn:hover { background-position:0 -43px; }

.smallBtn { float:right; background:url(../images/common/smallBtn.png) no-repeat top left; width:85px; height:33px; border:none; color:#FFF; font-weight:bold; margin:0 0px 0 0; cursor:pointer; text-align:center;  text-decoration:none; font-size:1em; }
.smallBtn:hover { background-position:0 -33px; }

.smallestBtn { float:right; background:url(../images/common/smallBtn.png) no-repeat top left; width:85px; height:24px; border:none; color:#FFF; font-weight:bold; margin:0 0px 0 0; cursor:pointer; text-align:center; padding:10px 0 0 0; text-decoration:none; font-size:1em; }
.smallestBtn:hover { background-position:0 -33px; }


h3.bigTitle { float:left; width:auto; margin:10px 0 0 20px; font-weight:bold; font-size:1.5em; text-shadow:1px 1px 0px #fff; color:#666; clear:both;/*Galal*/ }
.pageTitle { float:left; width:99%; background:url(../images/common/titlesBg.gif) repeat-x top; height:43px; margin:0 0 10px 0; font-weight:bold; font-size:1.6em; }
.pageTitle .pageTitleRight { float:left; width:100%; background:url(../images/common/titlesLeft.gif) no-repeat top right; height:43px; }
.pageTitle .pageTitleLeft{ float:left; width:100%/*Galal*/; background:url(../images/common/titlesright.gif) no-repeat top left; height:33px; color:#ddba15; padding:10px 0 0 10px/*Galal*/; }
.field-validation-error { color:#ca1136;  }
.btnsWrapper { float:right; width:auto; }


.inlineLabel { width:50px!important/*Galal*/; float:left; }
.loader{position:absolute;display:none; z-index:10000;}

.loginWrapper { width:478px; margin:50px auto 0 auto; }
.login { float:left; width:478px; background:url(../images/graphics/en/loginBg.gif) no-repeat top; height:240px; padding:134px 0 0 0; }
.login p { float:left; width:100%; }
.login p .text-box { width:250px; }
.login p label { width:140px; }
.login h3 { margin:10px 0; padding:0 0 0 30px; font-weight:bold; font-size:1.5em; }
.login p.btnsWrapper { float:right; width:auto;margin: 0 60px 0 0; }
.loginFooter { float:left; width:100%; margin:20px 0 0 0; text-align:center; color:#717171; direction:rtl; }
.loginFooter a { float:right; width:auto; margin:0 0 0 5px; text-align:right; }
.loginFooter span { float:right; width:auto; margin:7px 0 0 5px; text-align:right; }
.text { float:left; width:auto; margin:5px 0; font-weight:bold; font-size:1.2em; }
.langBtn { float:right; width:47px; height:25px; margin:3px 4px; background:url(../images/common/headBtn.gif) no-repeat top right; text-align:center; padding:5px 0 0 0; font-weight:bold; font-size:1.3em; text-decoration:none; color:#000; }
.langBtn:hover { background-position:0px 0; }

.sysMapBtn { float:right; width:47px; height:25px; margin:3px 4px; background:url(../images/common/siteMapBtn.gif) no-repeat top right; text-align:center; padding:5px 0 0 0; font-weight:bold; font-size:1.3em; text-decoration:none; color:#000; }
.sysMapBtn:hover { background-position:0px 0; }



.zone { float:left; width:100%; }
.zoneSide { float:left; width:181px; }
.zoneSide ul { float:left; width:181px; list-style:none; }
.zoneSide ul li { float:left;  background:url(../images/graphics/en/tabBg.png) no-repeat top left; width:181px;height:32px; margin:0 0 2px 0; }
.zoneSide ul li a { display:block; width:181px; height:27px; color:#000; text-shadow:1px 1px 0px #fff; text-decoration:none; font-weight:bold; padding:5px 0 0 0;}
.zoneSide ul li a img { margin:0px 5px 0 5px; vertical-align:middle; }
.zoneSide ul li.selected,.zoneSide ul li:hover { background-position:0 -32px; text-shadow:1px 1px 0px #fff2b2;}
.zoneImage { float:left; width:155px; border:10px solid #dfdfdf; margin:0 0px 6px 0px; }

.zoneMain { float:left; width:60%; border-left:5px solid #ddbb17; padding:0 0 0 10px; min-height:500px; } 
.zoneMain h3 { font-weight:bold; font-size:2em; }
.zoneMain h4 { font-weight:bold; font-size:1.2em; color:#b8b8b8; background:none; border-bottom:1px solid #d3d3d3; margin: }
.zoneMain dl { float:left; width:100%; margin:5px 0; padding:0px; }
.zoneMain dt { float:left; width:15%; padding:0 10px 0 0; text-align:right; font-weight:bold; color:#000000; }
.zoneMain dd { float:left; width:75%; padding:0; margin:0px; text-align:left; font-weight:bold; color:#c6a714; }
.info { float:left; width:100%; margin:0 0 10px 0; }
.info h5 { font-weight:bold; font-size:1.1em; color:#C6A714; margin:10px 0 5px 0; }
.info ul { margin:0 0 0 30px; font-weight:bold; }
.info p { line-height:1.5em;}
.careerPath { float:left; width:100%; background:url(../images/graphics/en/careerPathBg.gif) repeat-y; background-position:14px 0px; }
.careerPathGroup { float:left; width:100%; list-style:none; background:url(../images/common/careerPathArrow.gif) no-repeat top; background-position:46px 0; }
.careerPathItem { float:left; width:96%; background:url(../images/icons/careerPath.png) no-repeat top left; padding:10px 0px 10px 40px; }
.careerPathItem a { color:#605f5f; text-decoration:none; font-weight:bold; font-size:1.2em; }
.careerPathItem:hover, .careerPathItem.selected { background:url(../images/icons/careerPathHovered.png) no-repeat top left; }
.careerPathItem:hover a, .careerPathItem.selected a { color:#000; }
.jobDescription { float:left; width:95%; }
.jobDescription h3 { font-weight:bold; font-size:1.2em; margin:10px 0 0 0; width:80%; }
.jobDescription ul, .jobDescription ol  { margin:10px 0 10px 40px; width:80%; }

.searchBox { float:right; width:192px; height:19px; background:url(../images/common/searchbox.png) no-repeat top; border:none; margin:-3px 7px 0 0; font-weight:bold; color:#4570b3; padding:5px 7px; }

.accordion { width:97%; }
.tabsWrapper { width:auto; font-size:1em; overflow:auto; height:auto !important; }
.tabsContent { width:auto; margin:0px; padding:0px; font-size:1em; overflow:auto; height:auto !important; }
.tabsWrapper label{font-size:1em;}
.tabsWrapper table th { font-size:1em !important; }
.reportWrapper { float:left; width:98%; padding:0px; border:none; }
.reportWrapper div { padding:0px; border:none;  margin:0 0 0 10px; }
.reportWrapper select { width:auto; border: 1px solid #666; margin: 2px 0 0 0px; padding:0px; }
.reportWrapper table{margin:0px; width:auto; }
.reportWrapper table tr td{padding:0; margin:0 0 0 10px;}
.reportWrapper table tr th{padding:0;text-align:inherit;}
.reportWrapper table .tr_alt1{backgro0und:inherit}

.reportWrapper table tr{border-bottom: none;}
.reportWrapper table tr td{border-bottom:none}
.reportWrapper table tr th{border-bottom:none; text-align:inherit; color:#666666; font-size:inherit; background:none;}
.reportWrapper table .tr_alt1{background:inherit}

.moreAbout { float:left; background:url(../images/icons/GetDocument.png) no-repeat top; border:none; height:32px; width:32px; cursor:pointer; }
.clear { clear:both; }
.photowrapper { float:left; width:500px; }
.photowrapper img { float:left; width:auto; }
.photowrapper a { float:left; width:auto; clear:right; color:#900; margin:70px 0 0 20px; text-decoration:none; }
.photowrapper a:hover { text-decoration:underline; }
.photowrapper .inputFileWrapper { float:left; width:250px; clear:both; margin:10px 0 0 0;  }

.systemMap { float:left; width:100%; margin:10px 0; padding:10px 0px 0 0px; }
.systemMapCat { float:left; width:32%; margin:0 0px 10px 10px; }
.systemMapCat h3 { font-weight:bold; font-size:1.5em; color:#000; /*float:left; Galal*/ width:100%; margin:0 0 10px 0; }
.systemMapCat ul { margin:10px 0 0 30px; font-weight:bold; font-size:1.2em; }
.systemMapCat ul li { color:#333; margin:0 0 5px 0;}
.systemMapCat ul li a { color:#333; text-decoration:none;}
.systemMapCat ul li a:hover { color:#ddba15;}
.systemMapRow { float:left; width:100%; }
.systemMap .bigTitle { margin:10px 0 20px 0; color:#ddba15;  }

.floor { float:left; width:100%; position:relative; }
.floor h3 { float:left; width:95%; color:#FFF; background:#393939; padding:10px; }
.room { float:left; width:125px; margin:13px 0 0 13px; }
.roomWrapper { float:left; width:110px; height:133px; background:url(../images/common/roomBg.gif) no-repeat top; list-style:none; padding:10px 0 0 15px;}
.roomWrapper div { float:left; width:95px; background:url(../images/graphics/en/bedStatus.gif) no-repeat top; height:27px; margin:0 0 5px 0;}
.roomWrapper div.available { background-position:0 -81px; z-index:10; position:relative; }
.roomWrapper div.occupied { background-position:0 0; }
.roomWrapper div.reserved { background-position:0  -26px; }
.roomWrapper div.outOfOrder { background-position:0 -54px; }
.roomWrapper div a { display:block; width:95px; height:27px; }
.room h4 { background:none; text-align:center; color:#000; float:left; width:100%; margin:5px 0; padding:0px;  }

.filterItems { float:left; width:97%; background:#000; opacity:0; position:absolute; z-index:2; top:36px; height:84%; }

.avoid { float:right; width:auto; margin:20px 0 0 10px; }
.avoid a { color:#666; text-decoration:none; }
.avoid a:hover { text-decoration:underline; }

.listing a
{
    /*galal*/
    font-weight:bold;
    color: #434343;
    text-decoration:underline;
}
.listing a:hover { color: #DDBA15;text-decoration:underline; }

.commpanyName { float:left; width:auto; margin:15px 0 0 200px; }
.commpanyName img { float:left; width:auto; }
.commpanyName p { float:left; width:auto; margin:5px 0 0 10px;}

/*Galal*/
.HideMenu{

float:left;
height:30px;
margin:4px -10px 0;
width:29px;
}


.iframeDialog {float:right; width:750px; margin:0px;padding:0px;}
.iframeDialog iframe{ width:700px; margin:0px;padding:0px;border:none;height:400px; overflow-x:hidden;}

.formTableContainer {width: 100%;overflow-y: auto;max-height:300px;}