@import url(../../../css/fonts.css);

body{
margin:0;
padding:0;
background:url(../../../style/images/bg.png);
background-attachment:fixed;
-moz-user-select: none;
-webkit-user-select: none;
}

#header{
position:relative;
width:950px;
height:146px;
margin-top:15;
border-radius:5px 5px 0 0;
background: #fff555;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 25%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 25%,#efefef 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 25%,#efefef 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 25%,#efefef 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 25%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

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

#welcomeUser{
position:absolute;
top:0;
right:20;
width:70;
height:19px;
border-radius:0 0 5px 5px;
font-family: arial;
font-size:12px;
font-weight:bold;
color:#fff;
background:#9f9f9f;
padding-top:3px;
}

#navbar{
position:relative;
width:950px;
height:35px;
border-radius:0 0 5px 5px;
background: #5757;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDZkNmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #575757 0%, #6d6d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#6d6d6d));
background: -webkit-linear-gradient(top,  #575757 0%,#6d6d6d 100%);
background: -o-linear-gradient(top,  #575757 0%,#6d6d6d 100%);
background: -ms-linear-gradient(top,  #575757 0%,#6d6d6d 100%);
background: linear-gradient(to bottom,  #575757 0%,#6d6d6d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#6d6d6d',GradientType=0 );
}

#searchDiv{
position:absolute;
width:220px;
height:29px;
top:3;
left:50;
background: #f6f6f6;
border-radius: 0 3px 3px 0;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-style:italic;
color:#BFBFBF;
}
#searchBtn{
position:absolute;
width:29px;
height:29px;
top:3;
left:20;
background-color: #f6f6f6;
background-image:url(images/search.png);
border-radius:3px 0 0 3px;
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
}
#searchBtn:hover{
background-color: #ffffff;
}
#searchInput{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:transparent;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:bold;
color:#3f3f3f;
border-width:0;
text-indent:5px;
outline:0;
}

#mnuBtn{
position:absolute;
right:0;
width:100px;
height:29px;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#fff;
padding-top:6px;
cursor:pointer;
}
#mnuBtn:hover{
background:#444444;
}

#catMnu{
position:absolute;
width:180px;
height:auto;
top:35;
right:99.5;
background:#444444;
text-align:right;
z-index:15;
}

#catMnuRow{
position:relative;
width:100%;
height:23px;
box-shadow:0 0 1px #000000 inset;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:bold;
color:#a2a2a2;
padding-top:2px;
text-indent:10;
cursor:pointer;
}
#catMnuRow:hover{
color:#fff;
}

#bloc{
position:relative;
width:950px;
height:410px;
margin-top:15px;
border-radius:5px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%, #e1e1e1 100%, #dfdfdf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed), color-stop(100%,#e1e1e1), color-stop(100%,#dfdfdf));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%,#e1e1e1 100%,#dfdfdf 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%,#e1e1e1 100%,#dfdfdf 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%,#e1e1e1 100%,#dfdfdf 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%,#e1e1e1 100%,#dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );
}

#blocHead{
position:relative;
width:100%;
height:40px;
top:2;
background:url(images/blocHead.jpg) no-repeat 100 center;
font-family: 'Droid Arabic Kufi', serif;
font-size:14px;
font-weight:bold;
color:#113366;
padding-top:15px;
text-indent:10px;
text-align:right;
}
#catDesc{
position:absolute;
width:100%;
height:40px;
top:37;
right:0;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:normal;
color:#11111;
}

#topicsDiv{
position:relative;
top:5;
height:auto;
padding-bottom:10px;
}

#noResults{
position:absolute;
width:100%;
height:30px;
top:150px;
font-family: 'Droid Arabic Kufi', serif;
font-size:14px;
font-weight:bold;
color:#911111;
}

#navigator{
position:relative;
width:950px;
height:30px;
margin-top:10px;
border-radius:5px;
background: #ffffff;
}

#navigatorBtn{
position:absolute;
width:100px;
height:21px;
top:2;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 5%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top,  #ffffff 5%,#e8e8e8 100%);
background: -o-linear-gradient(top,  #ffffff 5%,#e8e8e8 100%);
background: -ms-linear-gradient(top,  #ffffff 5%,#e8e8e8 100%);
background: linear-gradient(to bottom,  #ffffff 5%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
border:1px solid #dcdcdc;
cursor:pointer;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:bold;
color:#a1a1a1;
padding-top:3px;
}
#navigatorBtn:hover{
color:#434343;
}

#footer{
position:relative;
width:950px;
height:450px;
margin:15px 0 15px 0;
border-radius:5px;
background:#fff;
}

#foot{
position:absolute;
height:39px;
right:10;
left:10;
bottom:0;
border-width:1px 0 0 0;
border-style:solid;
border-color:#eaeaea;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:bold;
color:#a1a1a1;
padding-top:1px;
}

#footBlocTxt{
position:absolute;
height:100%;
left:28px;
right:0;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#393939;
padding-top:6px;
}

#slideBtnBg{
position:absolute;
width:40px;
height:40px;
top:207;
border-radius:100%;
background:#f6f6f6;
z-index:2;
}

#slideBtn{
position:relative;
top:5;
width:30px;
height:30px;
box-shadow:0 0 2px #7c7c7c;
border-radius:100%;
background-repeat:no-repeat;
background-position:center;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
cursor:pointer;
}
#slideBtn:hover{
box-shadow:0 0 4px #7c7c7c inset;
}

#postTtl{
position:absolute;
width:222px;
height:25px;
background:#fff;
border:1px solid #d9d9d9;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#393939;
padding-top:5;
}

#postDiv{
position:absolute;
width:222px;
height:100%;
background:#fff;
border:1px solid #d9d9d9;
}

#postImg{
margin-top:4px;
width:214px;
height:322px;
}

#postImgHover{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
background:#fff;
opacity:.2;
z-index:2;
}

#playerDiv{
position:relative;
float:right;
top:0;
width:600px;
height:400px;
background:#fff;
border:5px solid #fff;
box-shadow:0 0 3px #888888;
}

#playedDivHead{
position:relative;
width:100%;
height:23px;
top:-4;
background:url(images/smallBlockHead.png) no-repeat left center;
font-family: 'Droid Arabic Kufi', serif;
font-size:14px;
font-weight:bold;
color:#393939;
padding-top:7px;
text-indent:5px;
text-align:right;
}
#playrDivCont{
position:relative;
width:100%;
height:100%;
background:#f9f9f9;
}

#videoHover{
position:absolute;
width:100%;
height:300px;
background:transparent;
z-index:2;
}

#commName{
position:absolute;
top:2;
right:2;
left:48;
height:40;
border:1px solid #e9e9e9;
}
#commText{
position:absolute;
bottom:2;
right:2;
left:2;
height:47;
border:1px solid #e9e9e9;
}
#commBtn{
position:absolute;
left:2;
bottom:-30;
width:70px;
height:25px;
background:#fff;
box-shadow:0 1px 2px #888888;
border-radius:0 0 5px 5px;
cursor:pointer;
}
#commBtnTxt{
position:absolute;
left:2;
top:0;
right:2;
bottom:2;
background:#d31000;
border-radius:0 0 5px 5px;
font-family: 'Droid Arabic Kufi', serif;
font-size:13px;
font-weight:bold;
color:#f4f4f4;
}
#commAlert{
position:absolute;
right:0;
left:80;
bottom:-32;
height:25;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:bold;
color:#494949;
text-align:right;
}

#commnts{
position:relative;
float:right;
margin-top:60;
right:0;
width:650px;
height:480px;
overflow:hidden;
}
#loadMore{
position:absolute;
bottom:20px;
width:400px;
height:35px;
right:122;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
border:1px solid #cccccc;
border-radius:5px;
cursor:pointer;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#949494;
text-align:center;
padding-top:15;
display:none;
}
#loadMore:hover{
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

#commnt{
position:relative;
float:right;
top:2;
right:0;
width:600px;
height:100px;
margin-bottom:10px;
background:#fff;
border:5px solid #fff;
box-shadow:0 0 3px #888888;
border-radius:5px;
}

#playList{
position:absolute;
width:50px;
height:390px;
right:3;
background:#f9f9f9;
border:5px solid #fff;
box-shadow:0 0 2px #393939;
overflow:hidden;
display:none;
}
#playListImg{
position:relative;
width:50px;
height:52px;
margin-bottom:4px;
opacity:1;
cursor:pointer;
}
#playListImg:hover{
opacity:.7;
}

#downFile{
position:absolute;
top:20;
left:20;
right:20;
bottom:20;
background:#fff;
border-radius:5px;
}
#downFileHead{
position:absolute;
top:0;
right:5;
left:5;
height:25px;
border-width:0 0 1px 0;
border-style:dashed;
border-color:#aeaeae;
text-align:right;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#494949;
padding-top:5px;
text-indent:5px;
}
#downFooter{
position:absolute;
bottom:0;
right:5;
left:5;
height:20px;
border-width:1px 0 0 0;
border-style:dashed;
border-color:#aeaeae;
text-align:right;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:bold;
color:#494949;
padding-top:2px;
text-indent:5px;
}
#downFiles{
position:absolute;
top:33;
right:5;
left:5;
bottom:25;
overflow-y:auto;
}
#downFileItm{
position:relative;
margin-top:2px;
width:98%;
height:23px;
background:#f9f9f9;
border-width:0 0 1px 0;
border-style:solid;
border-color:#e2e2e2;
font-family:arial;
font-size:12px;
color:#303030;
padding-top:7;
text-align:right;
text-indent:5;
}
#downFileBtn{
position:absolute;
width:120px;
left:2;
top:2;
bottom:2;
background:#d31000;
border-radius:5px;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#f4f4f4;
text-align:center;
padding-top:2px;
cursor:pointer;
}
#downFileBtn:hover{
background:#ee1200;
}

.downBtn{
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#f4f4f4;
padding-top:9px;
}

#audioPlayerContainer{
position:relative;
width:600px;
height:auto;
margin-top:0;
}

#audioPlayer{
position:relative;
width:100%;
height:150px;
background: #000;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}

#controls{
position:absolute;
bottom:0;
width:100%;
height:auto;
}

#options{
position:absolute;
top:5;
left:5;
right:5;
bottom:30;
}

#Equalizer{
position:absolute;
right:0;
bottom:10;
}

#audioImg{
position:absolute;
top:5;
left:10;
width:100px;
height:100px;
border:2px solid #FFD980;
border-radius:5px;
overflow:hidden;
}

#audioTitle{
position:absolute;
top:5;
right:10;
left:150;
height:20px;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
font-weight:bold;
color:#f4f4f4;
text-align:right;
}

#audioTrack{
position:absolute;
top:25;
right:10;
left:150;
height:20px;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
font-weight:bold;
color:#f4f4f4;
text-align:right;
}

#audioPlayList{
position:relative;
width:100%;
height:250px;
margin-top:1px;
background:#000;
}

#audioPlayListCont{
position:absolute;
top:5;
right:5;
left:5;
bottom:5;
overflow:hidden;
}

#audioPlayListScroll{
position:absolute;
left:0;
right:-17px;
height:100%;
overflow-y:scroll;
text-align:left;
text-indent:10;
}

#playListTrack{
position:relative;
width:100%;
height:20px;
border-width:0 0 1px 0;
border-style:solid;
border-color:#5e5e5e;
font-family:arial;
font-size:14px;
color:#9e9e9e;
background: no-repeat center left;
padding-top:5;
cursor:default;
}
#playListTrack:hover{
color:#c1c1c1;
}

#contactBallon{
position:relative;
top:20;
width:90%;
height:480px;
border:3px solid #c6c6c6;
border-radius:10px;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
font-family: 'Droid Arabic Kufi', serif;
font-size:14px;
color:#525252;
font-weight:bold;
}
#ballonArrow{
position:relative;
top:20;
right:350;
width:0;
height:0;
border-width:20px;
border-color: #c6c6c6 transparent transparent #c6c6c6 ;
border-style:solid;
}
#ballonInput{
position:relative;
margin-top:20px;
width:97%;
height:50px;
border:2px solid #d1d1d1;
border-radius:5px;
background:#fcfcfc;
font-family:arial;
font-size:14px;
color:#9e9e9e;
font-style:italic;
text-align:right;
text-indent:10;
}
#msgSubBtn{
position:relative;
float:left;
margin:20px 0 0 12px;
width:150px;
height:40px;
font-family: 'Droid Arabic Kufi', serif;
font-size:14px;
color:#fff;
font-weight:bold;
border:2px solid #fff;
border-radius:5px;
background: #4096ee;
background: -moz-linear-gradient(top,  #4096ee 0%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top,  #4096ee 0%,#4096ee 100%);
background: -o-linear-gradient(top,  #4096ee 0%,#4096ee 100%);
background: -ms-linear-gradient(top,  #4096ee 0%,#4096ee 100%);
background: linear-gradient(to bottom,  #4096ee 0%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=0 );
cursor:pointer;
outline:none;
}
#msgSubBtn:hover{
background: #499bea;
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
}

#usrLoginDiv{
position:absolute;
width:230px;
height:115px;
right:0;
}
#loginInput{
position:absolute;
top:25;
left:0;
width:200px;
height:30px;
border:1px solid #b9b9b9;
background:transparent;
border-radius:5px;
outline:none;
text-indent:5px;
}
#loginSubmit{
position:absolute;
right:30;
top:64;
width:45px;
height:30px;
border-width:1px;
border-radius:5px;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
color:#fff;
font-weight:bold;
background: #7abcff;
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
cursor:pointer;
outline:none;
}
#loginPageTitle{
position:relative;
margin-top:60px;
width:400px;
height:20px;
font-family: 'Droid Arabic Kufi', serif;
font-size:14px;
color:#575757;
font-weight:bold;
}
#loginPageInput{
position:relative;
margin-top:20px;
width:400px;
height:40px;
border:1px solid #b9b9b9;
background:transparent;
border-radius:5px;
outline:none;
text-indent:5px;
text-align:center;
}
#loginPageBtn{
position:relative;
margin-top:30px;
width:200px;
height:40px;
border-width:1px;
border-radius:5px;
font-family: 'Droid Arabic Kufi', serif;
font-size:12px;
color:#fff;
font-weight:bold;
background: #7abcff;
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
cursor:pointer;
outline:none;
}
#loginPageError{
position:absolute;
margin-top:7px;
width:100%;
height:15px;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
color:#ff0000;
font-weight:bold;
}

#TvScreen{
position:relative;
margin-top:20px;
width:700px;
height:450px;
background:#fff;
border:5px solid #fff;
box-shadow:0 0 3px #888888;
border-radius:5px;
}
#TvText{
position:absolute;
bottom:0;
width:100%;
font-family: 'Droid Arabic Kufi', serif;
font-size:10px;
color:#555555;
font-weight:bold;
text-align:right;
}
#trestle{
position:relative;
width:100px;
height:50px;
background:#fff;
box-shadow:0 2px 3px #888888;
z-index:2;
}
#stand{
position:relative;
width:300px;
height:30px;
background:#fff;
border:5px solid #fff;
border-radius:5px;
box-shadow:0 0 3px #888888;
}
#downPlugin{
position:relative;
width:100%;
height:27px;
background: #e23800;
background: -moz-linear-gradient(top,  #e23800 0%, #d31000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e23800), color-stop(100%,#d31000));
background: -webkit-linear-gradient(top,  #e23800 0%,#d31000 100%);
background: -o-linear-gradient(top,  #e23800 0%,#d31000 100%);
background: -ms-linear-gradient(top,  #e23800 0%,#d31000 100%);
background: linear-gradient(to bottom,  #e23800 0%,#d31000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23800', endColorstr='#d31000',GradientType=0 );
border-radius:5px;
font-family: 'Droid Arabic Kufi', serif;
font-size:13px;
color:#fff;
font-weight:bold;
padding-top:3px;
cursor:pointer;
}