body{
margin:0;
padding:0;			
}

#sciToolbar{
margin: auto; 
width:100%;
height:100px;
border-top: 1px solid #eee;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid #aaa;
font:normal 11px Arial, Helvetica, sans-serif;
color:#666;
background:#E2E2E2;
z-index: 1000;
}

#socialWin{
display:none;
padding:20px 7px 7px 7px;
width:280px;
height:180px;
background:#eee;
position:absolute;
bottom:40px;
right:20px;
border: 1px solid #ccc;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 1px 10px #000;
-moz-box-shadow:0 1px 10px #000;
-webkit-box-shadow:0 1px 10px #000;
}

#socialWin:hover{
box-shadow:0 1px 20px #ff0055;
-moz-box-shadow:0 1px 20px #ff0055;
-webkit-box-shadow:0 1px 20px #ff0055;
}

#socialWinClose a{
position:absolute;
right:10px;
top:10px;
}

#socialWinClose a:hover{
padding:1px;
background:#EFEFEF url(close_frm_hover.png) no-repeat;
}

#popupsocial_small{
padding:7px;
width:184px;
height:32px;
background:#eee;
position:absolute;
top:5px;
right:150px;
border: 1px solid #ccc;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#controls{
width:900px;
min-height:100%;
position:relative;
margin:0 auto;
padding:0;
/*background:#000;*/
}

#logo{
position:absolute;
top:20px;
left:10px;
border:none;
}

#webFrame{
background:#999;
}

#iframe{
width:100%;
}

#remove a{
position:absolute;
right:15px;
top:15px;
font:bold 13px verdana;
}

#remove a:hover{
background:#EFEFEF;
}

.btn{
float:left;
cursor:pointer;
font:bold 11px Verdana, Geneva, sans-serif;
text-align:center;
color:#000;
text-shadow:0 1px 1px white;
text-decoration:none;
background:#f8f8f9;
border:1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.btn:hover{
box-shadow:0 1px 10px #d1cfd1;
-moz-box-shadow:0 1px 10px #d1cfd1;
-webkit-box-shadow:0 1px 10px #d1cfd1;
background:#f8f8f9;
background-image:-moz-linear-gradient(#f8f8f9, #dddfe1);
background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1));
text-decoration:none;
}

.pBtn a{
float:left;
cursor:pointer;
padding:11px 12px;
margin-top:10px;
font:normal 11px Verdana, Geneva, sans-serif;
text-align:center;
color:#999;
text-shadow:0 1px -1px white;
text-decoration:none;
background:#f8f8f9;
border:1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.pBtn a:hover{
box-shadow:0 1px 10px #d1cfd1;
-moz-box-shadow:0 1px 10px #d1cfd1;
-webkit-box-shadow:0 1px 10px #d1cfd1;
background:#f8f8f9;
background-image:-moz-linear-gradient(#f8f8f9, #dddfe1);
background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1));
text-decoration:none;
}

.pBtn a:active{
cursor:pointer;
position:relative;
top:2px;
}

#notice_text{
position:absolute; 
top:150px;
left:50%;
margin-left:-250px; 
padding:15px;
font:normal 11px verdana;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0 1px 10px #d1cfd1;
-moz-box-shadow:0 1px 10px #d1cfd1;
-webkit-box-shadow:0 1px 10px #d1cfd1;
background:#f8f8f9;
background-image:-moz-linear-gradient(#f8f8f9, #dddfe1);
background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1));
}

.magenta{
color:#ff0077;
font:bold 13px verdana;
}

.sourceUrl a:link{
float:left;
margin-left:20px;
padding-top:20px;
color:#999;
font:normal 11px verdana;
text-decoration:none;
}

img{border:none;}

#searchEdit {
float: left;
height: 32px;
width: 300px;
padding:0 5px;
background:#fff;
border:1px solid #ccc;
border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px;	
font:normal 11px verdana;
color:#333;
}


.breadbtn {
float:right;
padding:0 10px 5px 10px;
color:#000;
text-decoration:none;
text-align:center;
border:1px solid #333;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
text-shadow:1px 1px 0px rgba(255,255,255,0.8);
border:1px solid rgba(0,0,0,0.5);	
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
}

.breadbtn:hover{
box-shadow:0 1px 10px #d1cfd1;
-moz-box-shadow:0 1px 10px #d1cfd1;
-webkit-box-shadow:0 1px 10px #d1cfd1;
background:#dddfe1;
background-image:-moz-linear-gradient(#dddfe1, #f8f8f9);
background-image:-webkit-gradient(linear, left top, left bottom, from(#dddfe1), to(#f8f8f9));
text-decoration:none;
}


.pear{
float:right;
width: 180px;
height: 70px;
margin-bottom:10px;
padding: 5px;
background: #eee;
border: 1px solid #ccc;
-moz-box-shadow: 0 3px 18px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, .5);
box-shadow: 0 3px 18px rgba(0, 0, 0, .5);    
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px; 
opacity:0.5;
}

.pear:hover{
-moz-box-shadow: 0 3px 18px rgba(0, 198, 255, 0.9);
-webkit-box-shadow: 0 3px 18px rgba(0, 198, 255, 0.9);
box-shadow: 0 3px 18px rgba(0, 198, 255, 0.9);
opacity:1.0;
}

.sliderPanel {
width: 230px;
padding: 50px 0 20px 0;
position: absolute;
top: 102px;
left: 20px;
/*display: none;*/
background: #000000;
border:1px solid #111111;
border-radius:0 0 20px 20px;
-moz-border-radius:0 0 20px 20px;
-webkit-border-radius:0 0 20px 20px;
}


.sliderPanelInnder {
height: 620px;
overflow: auto;
padding:10px;
background:#eee;
}

a.triggerPanel{
position: absolute;
top: 102px; left: 20px;
width:170px;
text-align:center;
text-decoration: none;
letter-spacing:-1px;
font:normal 17px 'Droid Arabic Kufi', serif;
color:#fff;
padding: 10px 40px 10px 20px;
background:#000 url(minus.png) 95% 50% no-repeat;
border:1px solid #222;
border-top:none;
display: block;
}

a.triggerPanel:hover{
text-decoration: none;
color:#fff;
background:#000 url(minus.png) 95% 50% no-repeat;
}

a.active.triggerPanel {
background:#000 url(plus.png) 95% 50% no-repeat;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
color:#fff;
}

.blueBtn {
float:right;
margin-right:10px;
margin-bottom:20px;
width: 190px;
height: 60px;
font:normal 24px tahoma;
padding-top: 20px;
color: #fff;
background: #4162a8;
border-top: 1px solid #38538c;
border-right: 1px solid #1f2d4d;
border-bottom: 1px solid #151e33;
border-left: 1px solid #1f2d4d;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 0px 60px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
-moz-box-shadow: inset 0 0px 60px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
box-shadow: inset 0 0px 60px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
text-align: center;
text-shadow: 0px -1px 1px #1e2d4d;
-webkit-background-clip: padding-box; 
}

.blueBtn:hover {
background:#1d2c4d;
}

.blueBtn:active 
{
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
-moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
}

.greenBtn {
float:right;
margin-right:10px;
margin-bottom:20px;
width: 190px;
height: 60px;
font:normal 24px tahoma;
padding-top: 20px;
color: #fff;
background: #13853E;
border-top: 1px solid #388C60;
border-right: 1px solid #1F4D31;
border-bottom: 1px solid #183315;
border-left: 1px solid #1F4D31;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 0px 60px 1px #87FF8A, 0px 1px 0 #244D1D, 0 6px 0px #1F5325, 0 8px 4px 1px #111111;
-moz-box-shadow: inset 0 0px 60px 1px #87FF8A, 0px 1px 0 #244D1D, 0 6px 0px #1F5325, 0 8px 4px 1px #111111;
box-shadow: inset 0 0px 60px 1px #87FF8A, 0px 1px 0 #244D1D, 0 6px 0px #1F5325, 0 8px 4px 1px #111111;
text-align: center;
text-shadow: 0px -1px 1px #1e2d4d;
-webkit-background-clip: padding-box; 
}

.greenBtn:hover {
background:#2B4D1D;
}

.greenBtn:active 
{
-webkit-box-shadow: inset 0 1px 10px 1px #85EE5C, 0 1px 0 #2B4D1D, 0 2px 0 #1F5325, 0 4px 3px 0 #111111;
-moz-box-shadow: inset 0 1px 10px 1px #85EE5C, 0 1px 0 #2B4D1D, 0 2px 0 #1F5325, 0 4px 3px 0 #111111;
box-shadow: inset 0 1px 10px 1px #85EE5C, 0 1px 0 #2B4D1D, 0 2px 0 #1F5325, 0 4px 3px 0 #111111;
}

.thumbnailBtn{
float:left;
padding:1px;
}

.thumbnailBtn:hover{
padding:1px;
box-shadow:0 0 20px #fff;
-moz-box-shadow:0 0 20px #fff;
-webkit-box-shadow:0 0 20px #fff;
}



.linkBtn {
text-align: right;
color:#fff;
font:bold 15px 'Droid Arabic Kufi', serif;    
padding:10px;
border-bottom:1px solid #ccc;
}

.linkBtn:hover {
background:#FC6C5D;
color:#fff;
}

.linkBtn:active 
{
background:#000;
color:#fff;
}

#slideTop a{
position:absolute;	
left:80%;
top:0;
background:#FA7466;
color:#000;
padding:3px 30px;
text-decoration: none;
font:bold 19px 'Droid Arabic Kufi', serif;    
border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
box-shadow:0 1px 5px #000;
-moz-box-shadow:0 1px 5px #000;
-webkit-box-shadow:0 1px 5px #000;
z-index: 1000;
}

#slideTop a:hover{
background:#000;
color:#fff;
}