/*
Theme Name: Shabab-alaan BLUE Style
Theme URI: http://www.shabab-alaan.com/
*/
body {
    margin: 0px 0px 20px 0px;
    font-family: Tahoma;
    font-size: 14px;
    color: #555555;
    background-color: #2f8bba;
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}
.user_box_unit{
    width:90%;
    height:14px;
    margin:1px;
    padding:2px;
    display:block;
    font-size:13px;
    text-align:justify;

}

.function_complete{
    width: 600px;

    text-align: center;
    background-color: Green;
    color: White;
    font-size: medium;
    padding: 50px;
    margin: 50px;
    border-style:dotted;
    border-width:2px;
    border-color:#ffffff;
    overflow:auto;

    float: none;
    visibility: visible;
    position: static;
    
}
.unit_img_box {
    width:72px;
    height:72px;
    padding:2px;
    float:right;
}
.page_link{
    width:150px;
    height:20px;
    padding:2px;
    float:none;
    display:block;
    text-align:justify;
    

}
.pages_links {
    width:120px;
    height:72px;
    padding:2px;
    float:right;
    font-size:13px;
}
.pages_links {
    width:120px;
    height:72px;
    padding:2px;
    float:right;
    font-size:13px;
}
.unit_box_selected{
    width:200px;
    height:72px;
    padding:10px;
    margin:10px;
    display:black;
    background:#2f8bba;
    border-color:#efffef;
    border-style:dotted;
    border-width:1px;
    color:#ffffff;
    
    
}

.unit_box a:link , .unit_box a:visited {
color:#2F8BBA;
}
.unit_box{
    width:200px;
    height:72px;
    padding:10px;
    margin:10px;
    display:black;
    background:#F7FBFD;
    border-color:#eeeeee;
    border-style:dotted;
    border-width:1px;
}
.unit_box:hover{
    background:#CCE5F2;
    border-color:#eeeeee;
    border-style:dotted;
    border-width:1px;
}

.function_complete a:link {
    color: White;
}
.function_complete span{
    display: block;
    padding: 14px;
    margin: 14px;
}
.function_err{
    width: 600px;
    vertical-align: middle;
    text-align: center;
    background-color: #aa0000;
    color: White;
    font-size: medium;
    padding: 50px;
    margin: 50px;
    border-style:dotted;
    border-width:2px;
    border-color:#ffffff;
    overflow:auto;

    float: none;
    visibility: visible;
    position: static;
    
}
.function_err a:link {
    color: White;
}
.function_err span{
    display: block;
    padding: 14px;
    margin: 14px;
}

.left_box{
    
    width: 245px;
    height: 157px;
    float: left;
    padding: 0px;
    margin-left: 20px;
}
.user_pic_s{
    width: 70px;
    height: 70px;
    margin: 12px;
    float: none;    
}
.user_box{
    background-image: url(../images/account_box_bg.png);
    width: 235px;
    height: 90px;
    padding:5px
}
.user_box_:hover{
border-color:#999999;
border-width:1px;
    border-style:dotted;    
}

.user_box_text{
    width: 135px;
    height: 30px;
    text-align: right;
    float: right;
    
}
.form_item{
    padding: 7px;
    margin: 7px;
    border: dotted 1px #CCCCCC;

}
.form_item:hover{
    background-color:#DDFFCC;
    border: dotted 1px #44CC00;

}
.form_item label{
    padding: 7px;
    font-size: 18px;
    color: Green;
    font-weight: bold;
    display: block;
    text-align: center;
}
.form_item span{
    padding: 7px;
    display: block;
}
.form_item input{

    font-size: 16px;
    text-align: center;
    background-color: #ECFFD9;
    
    padding: 3px;
}
.form_item input.radio{


}
.s_form_item{
    padding: 7px;
    margin: 1px;
}
.s_form_item hr {
    margin: 2px;
    
}
.s_form_item span{
    padding: 1px;
    display: block;
}
.s_form_item input{

    font-size: 11px;
    text-align: center;
    background-color: #ECFFD9;
    
    
    padding: 1px;
    margin: 3px;
}
.s_form_item input.radio{


}


label{
    padding: 50px;
    text-align: center;
}
#footer_div{
    
    font-size: 12px;
}
#footer_div a{
    color: White;
    font-size: 12px;
}
img{
    border:0px;
    text-align: center;
}

#page{
    width:950px;
    background:#ffffff;
    z-index:7;
    overflow:auto;
    margin: 0px;
    float: none;
    visibility: visible;
    position: static;
}

#header{
    height:157px;
    margin:0px;
    padding:0px;
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    vertical-align: bottom;
}

#header div#logo{
    float:right;
    height:157px;
    width:355px;
    margin:0px;
    padding:0px;
    overflow:visible;
}

#header div#account{
    height:157px;
    width:255px;
    padding:0px;
    float:left;
    margin-left:10px;

}

#header div#account div#top_box{
    height:67px;
    width:245px;
    padding:0px;
    margin:0px;

}

#header div#account div#account_box{
    height:86px;
    width:241px;
    margin:0px;
    padding:2px;
    

    overflow:visible;
    vertical-align: middle;
    background-image: url(../images/account_box_bg.png);
    background-repeat: no-repeat;
    text-align: center;
}

#user_pic{
    width:70px;
    height:70px;
}
    
#blocks_start {
    width: 250px;
    float: right;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    visibility:visible;
    position: relative;
}

#block_title {
    color: #777777;
    font-weight:bold;
    width:230px;

    height: 10px;
    padding:10px;
}

#block_body {
    width:230px;
    border: 1px solid #eeeeee;
    padding:5px;
    font-size:14px; 
}

#green_msg {
    text-align:right;
    color: #009900;
    width: 90%;
    padding: 7px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #CCCCCC;
    border-left-color: #999999;
}

.red_msg {
    text-align:right;
    color: #FF0000;
    width: 90%;
    padding: 7px;
    

}

.site_msg_green{
    width:400px;
    height:100px;
    border: 1px solid #eeeeee;
    padding:20px;
    margin:20px;
    overflow:auto;
    background:#009900;
    color:#FFFFFF;
    text-align: center;
    vertical-align: middle; 
}


/* Begin Forms*/

input {
    background: #ffffff;
    border: 1px solid #B4B4B4;
    color: #000000;
    font-family: Tahoma;
    font-size: 14px;
    padding: 2px 6px 2px 6px;
    font-weight:bold;
    color:#666666;
    
}

input.radio {
    background: transparent;
    border: 0px;
}

input.checkbox {
    background: transparent;
    border: 0px;
}

input.submit {

background-color:#009900;

}

button.button, input.button {
    background: #009900;
    border: 1px solid #939393;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 14px;
    padding: 2px 2px 2px 6px;
}

select {
    font-family: Tahoma;
    font-size:15px;
    background:#3180af;
    color:#FFFFFF;
        border: 2px solid #939393;

}

textarea {
    background: #ffffff;
    border: 1px solid #B4B4B4;
    color: #000000;
    font-family: Tahoma;
    font-size: 14px;
    padding: 2px 6px 2px 6px;
}

input:hover,textarea:hover{
    border: 1px solid #000;
}

input:focus ,textarea:focus{
    border: 1px solid #686DBB;
    background:#F1F2FF;
}

form {
    margin: 5px;
}

/* End  Forms*/

.office_left_box{
    width:600px;
    background:#F7FBFE;
    padding:10px;
    height: auto;
    float: left;
    padding: 14px;
    margin: 7px;
    border: 1px dotted #3388BB;


}
.office_read_msg_box{

    width:580px;
    height:outo;
    border:solid 2px #2F8BBA;
    background:#2F8BBA;
    float:right;
    padding:0px;
    margin:10px;

}
.office_read_msg_box .msg_inf{

    width:150px;
    height:outo;
    
    background:#2F8BBA;
    float:right;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:16px;

}
.office_read_msg_box .msg_body{

    width:370px;
    height:outo;
    
    background:#ffffff;
    float:right;
    padding:20px;
    text-align:justify;
        font-size:medium;
    font-family:Tahoma;

}
.office_read_msg_box .msg_body  h2{

    color:#FF7733;


}

.office_left_box  , h1, h2 , h3 , h4 , h5 , h6 , h7 {
    font-family:  "Microsoft Sans Serif";
    color:#777777;

    
}

.office_left_box  , h2 {
    font-family:  "Microsoft Sans Serif";
    color:#777777;

}


.new_msg{
    
    border:solid 2px #FF7733;
    width:500px;
    height:48px;
    padding:5px;
    margin:5px;
    float:right;
background:#FFDDCC;
color:#EE0000;
}
.new_msg:hover{
    background:#FF7733;
    color:#ffffff;

}

.old_msg{   
    border:solid 2px #CCFF00;
    width:500px;
    height:48px;
    padding:5px;
    margin:5px;
    float:right;
        background:#EEFFCC;
            color:#44CC00;
}

.old_msg:hover{
    background:#CCFF00;
    color:#1D6794;

}


#for_box
{
    width:680px;
    padding:0px;
    margin:0px;
    text-align: center;
    overflow: auto;
    visibility: visible;    
}
#site_box {
    width:95%;
    border: 1px solid #eeeeee;
    padding:7px;
    margin:7px;
    overflow:auto;
}

.larg_icon_div{
    border: 1px solid #eeeeee;
    width:90px;
    height:90px;
    padding:5px;
    margin:10px;
    float: right;
}
.larg_icon_div:hover{
    background:#009900;
    color:#FFFFFF;
}

.menu_div{
    border: 1px solid #eeeeee;
    width:100px;
    height:20px;
    padding:5px;
    margin:5px;
    vertical-align:middle;
    background:#eeeeee;
}
.menu_div:hover{
    background:#009900;
    color:#FFFFFF;
}

.list_div{
    width:120px;
    height:400px;
    float:right ;
    overflow:visible ;
    margin:5px;
    border: 1px solid #eeeeee
}

.box_div{
    width:490px;
    font-size:15px;
    float:right;
    margin:5px;
    padding:5px;
    text-align: center;
    vertical-align: middle;
    visibility: visible;

}
.box_inf{
    vertical-align:middle;
    text-align:center;
    width:180px;
    height:180px;
    font-size:14px;
    background:#eeeeee;
    float:left;
            margin:5px;
        padding:5px;
}


/*
old
*/




    


.h3 { font-weight: bold; width:450px; height:20px; font-family:Arial Black; color:#559900; font-size:22px }



#news_title  { font-weight: bold; width: 95%; height:20px;  font-family:Arial Black; color:#009900; font-size:16px }
#news_link   { width: 95% }
#news_text   {  width: 95%; color:#808080  }
#page{
    width:950px;
    background:#ffffff;
    z-index:7;
    overflow:auto;
    margin-bottom: 0px;
    float: none;
    visibility: visible;
    position: static;
    clip: rect(auto,auto,auto,10px);
}
#right{
    width:400px;
    background:#ffffff;
    float:right;
}

#now_sms_marquee{
    font-family:Tahoma;
    font-size:12px;
    color:#eeeeee;
    font-weight: bold;
}
    
/* Begin header*/

#header{
    height:157px;
    margin:0px;
    padding:0px;
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
}
#footer_div {
    color: #FFFFFF;
    height:107px;
    width:950px;

    background:url(../images/footerbg.jpg) repeat-x;
}
#start_blocks {
    width: 250px;
    float: right;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    visibility:visible;
    position: relative;
}


#center_box_title {
    color: #555555;
    width:600px;
    border: 0px solid #DEDEDE;

    height: 14px;
    padding:14px;
    font-weight:bold;
    font-size:18px;
    color:#009900;


}



#center_box_body {
    width:600px;
    padding:7px;
    border: 1px solid #DEDEDE;

}


#full_box_title {
    width:900px;
    padding:7px;
    


}
#full_box_body {
    width:900px;
    padding:7px;


}

#box_body {
    width:800px;
    padding:7px;
    border: 1px solid #DEDEDE;
    background-color:#F4F4F4;

}


#block_body a: {
font-size:14px;
}



#block_system {
    width:230px;
    border: 1px solid #FF3300;
    padding:5px;
    background-color: #FFCCFF;
}


#start_body {
    width: 600px;
    float: left;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    height: 100%;
}

#start_body_sms {
    width: 600px;

    
    
    border: 0px solid #DEDEDE;

    height: 160px;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;  

}


#fav{
    text-align:right;
    color: #0000ff;
    width: 90%;
    padding: 3px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;

}
.unit_title{
    font-size: 16px;
    font-weight: bold;
    width: 500px;
    color: #9ACD32;
    text-align: right;
    padding: 7px;
    margin-top: 35px;   
}
.unit_text{
    width: 500px;
    text-align: justify;
    margin-bottom:30px;
}
.unit_text:hover{

}


.box_right{


    width: 250px;
    height: auto;
    float: right;
    border-left: dotted #006400 1px ;
    padding: 7px;
    margin-bottom:20px;
}
.box_right h1,h2,h3,h4,h5,h6,h7{
        font-family:  "Traditional Arabic";
}
.box_border{
width: 630px;
    height: auto;
    float: left;
    margin: 0px;
    padding: 7px;
    text-align: center;
    border: dotted 1px green;
}




.where_now{


    width: 650px;
    height: 120px;
    float: left;
    margin: 7px;
    text-align: right;
    border: dotted 1px green;
}

.where_now div{
    margin: 7px;
    padding: 7px;
    color: Gray;
}
.where_now div a {

    font-weight: bold;
}

.box_left{


    width: 650px;
    height: auto;
    float: left;
    padding: 7px;
    margin: 7px;
    
}
#box_right h1,h2{
        font-family:  "Traditional Arabic";
}
#header h1{
    float:right;
    padding:20px;
    padding-top:25px;
    color:#fff;
}

#post h1{
    font-size:x-large;
    font-weight: normal;
    text-decoration: none;  
    padding:0px;
    margin:0px;
    
        

}

#post hr{
    color:#CCCCCC;
    padding:0px;
    margin:0px;
        margin-top:5px;

    font-weight: normal;
    filter: Light;
    
}
#post{
    font-size:16px;
    color:#555555;
    text-align: justify;
    padding:20px;
    line-height: 30px;
}
#post p{
    font-size:16px;
    color:#555555;
    text-align: justify;
    line-height: 30px;

}
div#button{
    background: url(../images/button_bg.gif) repeat-x center top;
    height:33px;
    text-align:right;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

div#button ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

div#button li {
    display:block;
    padding-top: 5px;
    padding-right:20px;
    float:right;
}

div#button li a {
    color: #FFF ;
    text-decoration:none;
    font: bold 12pt  Arial ;
    padding:8px;
}

div#button li a:hover {
    color: #ddffdd;
    text-decoration:none;

}

div#buttonb{
    background: url(../images/buttonb.gif) repeat-x center top;
    height:30px;
    width:100%;
    margin:0px;
    padding:0px;
    vertical-align:middle;
    text-align:bottom;
    font-size:14px;
    border-bottom: 1px dotted #DEDEDE;

    
}
div#buttonb:hover{
    border-bottom: 2px dotted #bbff14;
    

}
/* End header*/

/* Begin tables*/

table.border {
    border: 1px solid #DEDEDE;
    background-color: #FFF;
}

td {
    border : 0px;
    padding : 0px;
    font-family: Tahoma;
    font-size: 14px;
    color: #000000
}

.blankt {
    border :0px;
    padding : 1px;
}

.tcat{
    background-image: url(../images/gradient_tcat.gif);
    font-family: Tahoma;
    color: #FFFFFF;
    height: 27px;
    text-align: center;
    padding:4px;
}

.tcat a:link{
    color: #F6F6F6;
    text-decoration: none;
}

.tcat a:visited{
    color: #F6F6F6;
    text-decoration: none;
}

.tcat a:hover, .tcat a:active{
    color: #F4A100;
    text-decoration: none;
}

.thead{
    background-image: url(../images/gradient_thead.gif);
    color: #545A83;
    font-family: Tahoma;
    font-size: 14pt;
    text-align: center;
    padding:4px;
}

.thead a:link{
    color: #5B618F;
    text-decoration: none;
}

.thead a:visited{
    color: #5B618F;
    text-decoration: none;
}

.thead a:hover, .thead a:active{
    color: #FF0000;
    text-decoration: none;
}

.thead2{
    background-image: url(../images/gradient_thead.gif);
    color: #545A83;
    font-family: Tahoma;
    font-size: 14pt;
    padding:4px;
}

.thead2 a:link{
    color: #5B618F;
    text-decoration: none;
}

.thead2 a:visited{
    color: #5B618F;
    text-decoration: none;
}

.thead2 a:hover, .thead a:active{
    color: #FF0000;
    text-decoration: none;
}

td.row1{
    background: #F6F6F6;
    padding-right: 10px;
    padding:4px;
}

td.row3 {
    background: #F6F6F6;
    text-align: center;
    padding:4px;
}
td.row1dark {
    background: #F1F1F1;
    padding-right: 10px;
    padding:4px;
}
td.row3dark {
    background: #F1F1F1;
    text-align: center;
    padding:4px;
}

td.row2 {
    background:#E2E2E2;
    height:10px;
}

.tdb{
    border-bottom: 1px solid #DEDEDE;
}

/* End tables*/

/* Begin Text*/

p {
    font-family: Tahoma;
    font-size: 14px;
    color: #000000;
}

font.highlight {
    color: #FF0000;
    font-weight: bold;
}

span.unreadpm {
    color: #0000FF;
}

.small {
    font-size: 11px;
}

span.pm  {
    text-decoration: none;
    color: #FF0000;
}

span.spical {
    color: #5B618F;
}

span.large {
    font : bold 11pt  Arial ;
}

font.online {
    color: #008080;
}

font.offline {
    color: #FF0000;
}

/* End Text*/

/* Begin Links*/

a:link,a:active,a:visited {
    text-decoration: none;
    color: #9ACB16;
    size:14px;
}

a:hover{
    text-decoration: none;
    color: #DAFE75;
    
}

a:hover.pm {
    text-decoration: underline;
}

/* End Links*/



#site_msg_title {
    
    background-image: url(../images/gradient_tcat.gif);
    color: #FFFFFF;
    height: 27px;
    text-align: center;
    padding:4px;



    height: 20px;
    width: 400px;
}

#site_msg_body {
    padding:4px;

    background-color: #ffffff;
    width: 400px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B4B4B4;
    border-right-color: #B4B4B4;
    border-bottom-color: #B4B4B4;
    border-left-color: #B4B4B4;
}
#blocks_side {
    background-color: #009900;
    width: 200px;
    float:right;
    visibility:visible;
    position:relative;
    
    
}
#thenick {
    font-size: 15px;
}
#sms_line {
    height: 22px;
    width: 600px;
    font-size: 16px;
    width:95%;
    overflow: auto;
    border: 1px solid #CCCCCC;
    
}
#sms_line_text {
    font-size: 14px;
}

hr {
    border: thin solid #cccccc;
    margin:5px;
}