@charset "utf-8 ";
/* CSS Document */
html {
width:99.9%;
background-color:#2B2B2B;
font-family:Greta, "arabic typesetting ",serif;
color:#333333;
}

body {
margin:0px;
padding:0px;
font-family:Greta, "arabic typesetting ",serif;
color:#333333;
}

a {
text-decoration:none;
outline:0px
}

a:link,a:visited {
color:#333333;
}

a:hover {
color:#000000;
}

a img {
border-width:0px
}

#element_to_pop_up {
background-color:#fff;
width:400px;
height:500px;
display:none;
border-radius:6px;
}

.insert_title {
border:1px solid #ccc;
text-align:right;
}

#page_bgr0 {
background-image:url( 'images/img_03.jpg ');
background-repeat:repeat-x;
background-color:#f4f4f4;
width:100%
}

#page_bgr {
background-image:url( 'images/img_01.jpg ');
background-repeat:no-repeat;
background-position:center top;
width:100%;
}

#page {
width:960px;
margin:0px auto 0px auto;
}

#nav {
height:63px;
position:relative;
width:100%;
}

#header {
background-image:url( 'images/img_14.jpg ');
background-repeat:repeat-x;
}

.header {
background-image:url( 'images/img_12.jpg ');
background-repeat:no-repeat;
}

.header2 {
background-image:url( 'images/img_15.jpg ');
background-repeat:no-repeat;
background-position:right top;
height:169px;
width:100%;
position:relative;
}

#wrapper {
background-color:#fff;
padding-bottom:14px;
}

#wrapper_in {
margin-right:11px;
margin-left:11px;
padding-top:14px;
}

#container {
width:100%;
margin-left:-300px;
float:right;
height:auto;
}

#content {
margin-left:230px;
}

#leftcol {
float:left;
width:210px;
height:auto;
}

.clear {
height:0px;
clear:both;
}

#fotter {
background-color:#2B2B2B;
padding-top:14px;
}

.fotter {
width:960px;
margin:0px auto 0px auto;
}

.menu-1 {
background-image:url( 'images/img_28.jpg ');
background-repeat:repeat-x;
background-color:#FFFFFF;
margin-bottom:16px;
}

.menu-2 {
background-image:url( 'images/img_44.jpg ');
background-repeat:repeat-x;
background-position:left bottom;
}

.menu-3 {
background-image:url( 'images/img_27.jpg ');
background-repeat:no-repeat;
}

.menu-4 {
background-image:url( 'images/img_30.jpg ');
background-repeat:no-repeat;
background-position:right top;
}

.menu-5 {
background-image:url( 'images/img_43.jpg ');
background-repeat:no-repeat;
background-position:left bottom;
}

.menu-6 {
background-image:url( 'images/img_46.jpg ');
background-repeat:no-repeat;
background-position:right bottom;
width:100%;
}

.menu-7 {
border-style:solid;
border-width:0px 1px 0px 1px;
border-color:#DDD8D2;
}

.menu-8 {
padding-right:9px;
padding-left:9px;
}

.menu-fott {
height:11px;
}

.menu-head {
height:46px;
line-height:41px;
font-family:tahoma;
font-size:9pt;
font-weight:bold;
padding-right:14px;
color:#494A4C;
text-shadow:0px 1px 0px #fff
}

.block {
background-image:url( 'images/img_21.jpg ');
background-repeat:repeat-x;
background-color:#FFFFFF;
margin-bottom:14px;
width:100%
}

.bl1 {
background-image:url( 'images/img_05.jpg ');
background-repeat:repeat-y;
}

.bl2 {
background-image:url( 'images/img_05.jpg ');
background-repeat:repeat-y;
background-position:right top;
}

.bl3 {
background-position:left bottom;
background-image:url( 'images/img_54.jpg ');
background-repeat:repeat-x;
}

.bl4 {
background-image:url( 'images/img_20.jpg ');
background-repeat:no-repeat;
}

.bl5 {
background-image:url( 'images/img_24.jpg ');
background-repeat:no-repeat;
background-position:right top;
}

.bl6 {
background-image:url( 'images/img_53.jpg ');
background-repeat:no-repeat;
background-position:left bottom;
}

.bl7 {
background-image:url( 'images/img_56.jpg ');
background-repeat:no-repeat;
background-position:right bottom;
}

.bl8 {
padding:0px 9px 9px 9px
}

.block-title {
padding-right:14px;
padding-top:11px;
margin-bottom:14px;
}

.block-title img {
float:right;
margin-left:7px
}

.block-title span {
font-family:tahoma;
font-size:9pt;
font-weight:bold;
color:#494A4C;
text-shadow:0px 1px 0px #fff
}

.f-box {
background-position:left 40px;
width:230px;
float:right;
margin-right:33px;
background-repeat:no-repeat;
background-image:url( 'images/img_08.jpg ');
}

.f-box p {
background-image:url( 'images/img_104.jpg ');
background-repeat:no-repeat;
width:144px;
height:30px;
}

.f-box1 p {
background-image:url( 'images/img_101.jpg ');
background-repeat:no-repeat;
width:144px;
height:30px;
}

.f-box p span {
display:none;
}

.f-box ul {
margin:0px;
padding:0px;
list-style-type:none
}

.f-box ul li {
background-position:right center;
line-height:24px;
background-image:url( 'images/img_109.jpg ');
background-repeat:no-repeat;
padding-right:20px;
}

.f-box ul li a {
font-family:Greta, "arabic typesetting ",serif;
font-size:9pt;
font-weight:bold;
color:#D2D2D2;
}

.f-box ul li a:visited {
color:#D2D2D2;
}

.f-box ul li a:hover {
color:#FFFFFF;
}

.serch-bgr {
background-image:url( 'images/img_06.jpg ');
height:27px;
width:252px;
background-repeat:no-repeat;
position:absolute;
left:30px;
top:136px;
}

.serch-bgr .bginput {
width:180px;
padding:0px 0px 2px 0px;
border:0px;
background-color:transparent;
font-family:tahoma;
font-size:9pt;
font-weight:normal;
color:#fff;
cursor:pointer;
line-height:18px;
margin-right:14px;
height:14px;
}

.serch-bgr .button {
padding:0px;
width:47px;
height:22px;
border:0px;
background-color:transparent;
background-image:none;
cursor:pointer;
}

.hdr-butt {
margin:0px;
padding:0px;
list-style-type:none;
width:660px;
position:absolute;
top:116px;
right:22px;
}

.hdr-butt li {
float:right;
line-height:28px;
margin-left:2px;
text-align:center;
}

.hdr-butt li a {
background-position:-111px -60px;
display:block;
background-image:url( 'images/img_09.jpg ');
background-repeat:no-repeat;
width:100px;
height:33px;
margin-top:20px;
font-family:Dw-Arabic-Bold, "arabic typesetting ",serif;
font-size:8pt;
font-weight:bold;
color:#666666;
}

.hdr-butt li a:visited {
color:#666666;
}

.hdr-butt li a:hover {
background-position:left top;
height:43px;
margin-top:0px;
padding-top:10px;
color:white;
}

.hdr-butt li a.currnt-lnk {
background-position:left top;
height:43px;
margin-top:0px;
padding-top:10px;
color:white;
}

.hdr-butt li a.currnt-lnk:hover {
background-position:-111px -60px;
height:33px;
margin-top:20px;
font-family:tahoma;
font-size:9pt;
font-weight:bold;
color:#666666;
padding:0px
}

.copr1 {
background-image:url( 'images/img_119.jpg ');
background-repeat:repeat-x;
margin-right:50px;
margin-left:50px;
}

.copr2 {
background-image:url( 'images/img_116.jpg ');
background-repeat:no-repeat;
}

.copr3 {
background-image:url( 'images/img_120.jpg ');
background-repeat:no-repeat;
background-position:right top;
width:100%;
height:15px;
line-height:13px;
color:#F9F9F9;
font-family:Greta, "arabic typesetting ",serif;
font-size:8pt;
font-weight:bold;
text-align:center
}

.cat-botton {
width:100%;
height:70px;
list-style-type:none;
margin:0px;
padding:0px;
}

.cat-botton li {
float:right;
line-height:33px;
text-align:center;
margin-left:4px;
}

.cat-botton li a {
background-repeat:no-repeat;
background-position:106px center;
border:1px solid #CCCCCC;
display:block;
background-color:#F8F8F8;
width:135.01px;
height:36px;
padding-right:36px;
font-family:Greta, "arabic typesetting ",serif;
font-size:8pt;
font-weight:bold;
color:#767474;
}

.cat-botton li a:visited {
color:#767474;
}

.cat-botton li a:hover {
color:#222;
}

.icon-01 {
background-image:url( 'images/img_91.jpg ');
}

.icon-02 {
background-image:url( 'images/img_85.jpg ');
}

.icon-03 {
background-image:url( 'images/img_88.jpg ');
}

.icon-04 {
background-image:url( 'images/img_82.jpg ');
}

.menu {
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#ccc;
margin:0px;
padding:0px;
clear:both;
height:33px
}

.menu li {
display:inline;
line-height:32px
}

.menu li a {
background:#FFFFFF;
padding:0px 12px;
float:right;
border-right:1px solid #ccf;
border-bottom:none;
text-decoration:none;
color:#939292;
font-weight:bold;
border-width:0px;
font-family:Greta, "arabic typesetting ",serif;
font-size:9pt;
}

.menu li.active a {
border-style:solid;
border-width:1px;
border-color:#ccc #ccc #F8F8F8 #ccc;
border-top-left-radius:6px;
border-top-right-radius:6px;
background:#F8F8F8;
font-size:10pt;
}

.content2 {
float:right;
border-top:none;
border-left:none;
background:#F8F8F8;
width:100%;
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#CCCCCC;
}

.content3 {
padding:8px;
}

.content3 ul {
margin:0px 0px 0px 10px;
padding:0px;
list-style-type:none;
float:right;
width:300px
}

.content3 ul li {
background-position:right center;
line-height:25px;
background-image:url( 'images/img_97.jpg ');
background-repeat:no-repeat;
padding-right:30px;
}

.content3 ul li a {
font-family:tahoma;
font-size:9pt;
font-weight:bold;
color:#939292;
}

.content3 ul li a:visited {
color:#939292;
}

.content3 ul li a:hover {
color:#333;
}

#toppanel {
/*position: absolute;   Panel will overlap  content */
position:relative; /*Panel will "push" the content down */
top:0;
width:100%;
z-index:999;
margin-left:auto;
margin-right:auto;
}

#panelcp {
width:900px;
height:40px;
color:#666;
/*background: #f7f7f7;*/
overflow:hidden;
position:relative;
z-index:3;
display:none;
padding:10px;
margin:0px auto
}

.loginbott {
width:91px;
margin:0px;
padding:0px;
list-style-type:none;
float:left;
}

.loginbott li {
background-image:url( 'images/img_02.jpg ');
background-repeat:no-repeat;
width:91px;
height:42px;
text-align:center;
line-height:18px;
}

.loginbott li a {
font-family:tahoma;
font-size:9pt;
font-weight:bold;
color:#FFFFFF;
}

.share-bgr {
background-image:url( 'images/img_07.jpg ');
height:47px;
width:202px;
background-repeat:no-repeat;
float:left;
margin-left:12px;
margin-top:8px;
}

.share-bgr ul {
margin:0px;
padding:0px 0px 0px 7px;
list-style-type:none;
}

.share-bgr ul li {
float:left;
margin-right:4px;
}

.share-bgr ul li a {
display:block;
width:44px;
height:47px;
}

.contact-bgr {
margin-left:10px;
width:340px;
float:left;
}

.contact-bgr input {
}

.contact-bgr input [type=text ] {
margin-left:6px
}

.contact-bgr input [type=submit ] {
background-image:url( 'images/img_113.jpg ');
width:70px;
height:27px;
background-repeat:no-repeat;
}

.contact-bgr textarea {
background-color:#1F1F1F;
border:1px solid #191919;
border-radius:4px;
}

#mycarousel h3 {
margin:0px 0px 8px 0px;
font-family:arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
color:#656565;
text-align:center;
}

#mycarousel p {
margin:0px;
line-height:22px;
font-family:tahoma;
font-size:9pt;
font-weight:normal;
color:#656565;
text-align:center;
}

.container {
margin: 0px auto;
width:600px;
height:auto;
overflow:hidden;
position:relative;
}

.slides {
position:absolute;
top:0;
left:0;
list-style:none;
padding:0;
margin:0;
}

.slides li {
position:absolute;
top:0;
width:600px;
display:none;
padding:0;
margin:0;
}

#loopedSlider,#newsSlider {
margin:0 auto;
width:600px;
position:relative;
clear:both;
}

.slides li {
padding-bottom:20px;
}

ul.pagination {
list-style:none;
padding:0;
margin:0px 0px 0px 0px;
width:333px;
float:right;
}

ul.pagination li {
float:right;
margin-left:8px;
}

ul.pagination li a {
background-position:right top;
background-image:url( 'images/img_58.jpg ');
background-repeat:no-repeat;
width:10px;
height:10px;
display:block;
}

ul.pagination li a span {
display:none
}

ul.pagination li.active a {
background-position:left top;
}

#loopedSlider .artical-box {
float:right;
width:285px;
border-width:0px 0px 0px 1px;
}

.artical-box {
/*width: 285px;float: right;*/
border-width:0px 0px 1px 0px;
border-color:#CCCCCC;
border-style:solid;
padding-right:6px;
padding-left:6px;
}

.artical-box h1 {
font-family:Dw-Arabic-Bold, "arabic typesetting ",serif;
font-size:18px;
font-weight:bold;
margin:0px 0px 6px 0px;
color:#868686;
line-height:26px;
text-overflow:ellipsis;
word-wrap:break-word;
overflow:hidden;
max-height:26px;
line-height:26px;
}

.artical-box h1 span {
float:left;
font-family:Greta, "arabic typesetting ",serif;
font-size:8pt;
font-weight:bold;
color:#666666;
display:block;
margin-left:20px;
}

.artical-box p {
padding:0px;
margin:0px;
font-family:Greta, "arabic typesetting ",serif;
font-size:10pt;
font-weight:bold;
color:#000;
}

.artical-box p img {
float:right;
margin-left:7px;
margin-bottom:7px;
}

.artical-box p span {
color:#FA9218;
font-size:8pt;
}

.artical-box div {
text-align:left;
margin-left:20px;
line-height:22px;
clear:both;
}

.artical-box div a {
font-family:Greta, "arabic typesetting ",serif;
font-size:8pt;
font-weight:bold;
}
/*========== news ============*/
#loopedSlider .news-box {
float:right;
width:285px;
border-width:0px 0px 0px 0px;
}

.news-box {
/*width: 285px;float: right;*/
border-width:0px 0px 0px 0px;
border-color:#CCCCCC;
border-style:solid;
padding-right:6px;
padding-left:6px;
}

.news-box h1 {
font-family:Dw-Arabic-Bold, "arabic typesetting ",serif;
font-size:18px;
font-weight:bold;
margin:0px 0px 6px 0px;
color:#868686;
line-height:26px;
text-overflow:ellipsis;
word-wrap:break-word;
overflow:hidden;
max-height:26px;
line-height:26px;
}

.news-box h1 span {
float:left;
font-family:Greta, "arabic typesetting ",serif;
font-size:8pt;
font-weight:bold;
color:#666666;
display:block;
margin-left:20px;
}

.news-box p {
padding:0px;
margin:0px;
font-family:Greta, "arabic typesetting ",serif;
font-size:10pt;
font-weight:bold;
color:#000;
text-align:justify;
}

.news-box p img {
float:right;
margin-left:7px;
margin-bottom:7px;
}

.news-box p span {
color:#FA9218;
font-size:8pt;
}

.news-box div {
text-align:left;
margin-left:20px;
line-height:22px;
clear:both;
}

.news-box div a {
font-family:Greta, "arabic typesetting ",serif;
font-size:8pt;
font-weight:bold;
}
/*========== end news =========*/
.view-all {
margin:0px;
padding:0px;
text-align:left;
font-family:tahoma;
font-size:9pt;
font-weight:bold;
float:left;
width:80px;
display:block
}

.slideshow {
padding:10px;
text-align:center;
height:215px;
width:227px;
margin:0px auto;
overflow:hidden;
direction:ltr
}

.jcarousel-skin-tango .jcarousel-container {
background:#F8F8F8;
border:1px solid #ccc;
margin-bottom:14px;
padding-right:14px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
direction:rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:88%;
padding:20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
width:144px;
height:245px;
padding:40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:554px;
height:160px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
width:144px;
height:245px;
}

.jcarousel-skin-tango .jcarousel-item {
width:180px;
height:160px;
text-align:center
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left:0;
margin-right:10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left:10px;
margin-right:0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom:10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
background:#fff;
color:#000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
position:absolute;
top:80px;
right:5px;
width:32px;
height:32px;
cursor:pointer;
background:transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left:5px;
right:auto;
background-image:url(images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position:-32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position:-64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor:default;
background-position:-96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
position:absolute;
top:80px;
left:5px;
width:32px;
height:32px;
cursor:pointer;
background:transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left:auto;
right:5px;
background-image:url(images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position:-32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position:-64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor:default;
background-position:-96px 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
position:absolute;
bottom:5px;
left:43px;
width:32px;
height:32px;
cursor:pointer;
background:transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
background-position:0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position:0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
cursor:default;
background-position:0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
position:absolute;
top:5px;
left:43px;
width:32px;
height:32px;
cursor:pointer;
background:transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
background-position:0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position:0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
cursor:default;
background-position:0 -96px;
}

@font-face {
font-family:Dw-Arabic-Light;
src:url( font/Dw-Arabic-Light.eot');
src:url( 'font/Dw-Arabic-Light.eot?#iefix') format( 'embedded-opentype'),url( font/Dw-Arabic-Light.woff') format( 'woff'),url( 'font/Dw-Arabic-Light.ttf') format( 'truetype');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:Dw-Arabic-Regular;
src:url( 'font/Dw-Arabic-Regular.eot');
src:url( 'font/Dw-Arabic-Regular.eot?#iefix') format( 'embedded-opentype'),url( 'font/Dw-Arabic-Regular.woff') format( 'woff'),url( 'font/Dw-Arabic-Regular.ttf') format( 'truetype');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:Greta;
src:url( 'font/Greta_Arabic_Regular.eot');
src:url( 'font/Greta_Arabic_Regular.eot?#iefix') format( 'embedded-opentype'),url( 'font/Greta_Arabic_Regular.woff') format( 'woff'),url( 'font/Greta_Arabic_Regular.otf') format( "opentype");
}

@font-face {
font-family:Dw-Arabic-Bold;
src:url( 'font/Dw-Arabic-Bold.eot');
src:url( 'font/Dw-Arabic-Bold.eot?#iefix') format( 'embedded-opentype'),url( 'font/Dw-Arabic-Bold.woff') format( 'woff'),url( 'font/Dw-Arabic-Bold.ttf') format( 'truetype');
font-weight:normal;
font-style:normal;
}
/* ---------- CONTENT ---------- */
.form-login {
margin-top:50px;
}

.flip-container {
perspective:1000;
border-radius:50%;
margin:0 auto 10px auto;
}

.flip-container,.front,.back,.back-logo {
width:130px;
height:130px;
}

.flipper {
transition-duration:0.6s;
transform-style:preserve-3d;
}

.front,.back {
backface-visibility:hidden;
position:absolute;
top:0;
left:0;
background-size:cover;
}

.front {
background:url( 'images/forms/Flip_Img.png ') 0 0 no-repeat;
}

.back {
transform:rotateY(180deg);
background:url( 'images/forms/Flip_Img.png ') 0 0 no-repeat;
}

input {
border:0;
outline:0;
text-align:center;
color:#999999;
margin-bottom:10px;
}

#box {
background:url(../images/shape.png) no-repeat center;
margin:70px auto 0 auto;
width:360px;
height:264px;
}

.elements {
width:222px;
margin:0 auto;
padding:10px 0;
}

.avatar {
background:url(images/avatar.gif) no-repeat center;
height:65px;
margin-bottom:15px;
}

.username {
background:url(images/usermamefield.gif) no-repeat top;
width:222px;
height:32px;
}

.username:focus {
background:url(images/usermamefield.gif) no-repeat bottom;
color:#333333;
}

.password {
background:url(images/passwordfield.gif) no-repeat top;
width:222px;
height:32px;
text-align:center;
}

.password:focus {
background:url(images/passwordfield.gif) no-repeat bottom;
color:#333333;
}

.userid {
    background:url(images/textfield.gif) no-repeat top;
    width:222px;
    height:32px;
    text-align:center;
}

.userid:focus {
    background:url(images/textfield.gif) no-repeat bottom;
    color:#333333;
}

.mobile {
    background:url(images/textfield.gif) no-repeat top;
    width:222px;
    height:32px;
    text-align:center;
}

.mobile:focus {
    background:url(images/textfield.gif) no-repeat bottom;
    color:#333333;
}

.forget {
font-size:12px;
margin-bottom:20px;
}

.sbic {
    font-size:12px;
    margin-bottom:20px;
}

.forget a {
color:#999999;
text-decoration:none;
}

.checkbox {
display:block;
width:40px;
height:15px;
overflow:hidden;
border-radius:5px;
float:left;
margin:5px 0 0 0;
}

.remember {
font-size:12px;
color:#999999;
margin:5px;
float:left;
}

.clr {
clear:both;
}

.submit {
float:right;
background:#cccccc;
width:60px;
height:23px;
border-radius:5px;
border-bottom:2px solid #bcbcbc;
cursor:pointer;
color:#fff;
}



.login {
    background: #52a329;
    background-image: -webkit-linear-gradient(top, #52a329, #23a12c);
    background-image: -moz-linear-gradient(top, #52a329, #23a12c);
    background-image: -ms-linear-gradient(top, #52a329, #23a12c);
    background-image: -o-linear-gradient(top, #52a329, #23a12c);
    background-image: linear-gradient(to bottom, #52a329, #23a12c);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    width:222px;
    height:32px;
}

.login:hover {
    background: #6bb87a;
    background-image: -webkit-linear-gradient(top, #6bb87a, #6bb87a);
    background-image: -moz-linear-gradient(top, #6bb87a, #6bb87a);
    background-image: -ms-linear-gradient(top, #6bb87a, #6bb87a);
    background-image: -o-linear-gradient(top, #6bb87a, #6bb87a);
    background-image: linear-gradient(to bottom, #6bb87a, #6bb87a);
    text-decoration: none;
}

.register {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    width:222px;
    height:32px;
}

.register:hover {
    background: #5ca7d6;
    background-image: -webkit-linear-gradient(top, #5ca7d6, #5ca7d6);
    background-image: -moz-linear-gradient(top, #5ca7d6, #5ca7d6);
    background-image: -ms-linear-gradient(top, #5ca7d6, #5ca7d6);
    background-image: -o-linear-gradient(top, #5ca7d6, #5ca7d6);
    background-image: linear-gradient(to bottom, #5ca7d6, #5ca7d6);
    text-decoration: none;
}


.activationBtn {
    background: #a0a2a3;
    background-image: -webkit-linear-gradient(top, #a0a2a3, #a0a2a3);
    background-image: -moz-linear-gradient(top, #a0a2a3, #a0a2a3);
    background-image: -ms-linear-gradient(top, #a0a2a3, #a0a2a3);
    background-image: -o-linear-gradient(top, #a0a2a3, #a0a2a3);
    background-image: linear-gradient(to bottom, #a0a2a3, #a0a2a3);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    width:222px;
    height:32px;
}

.activationBtn:hover {
    background: #b5b5b5;
    background-image: -webkit-linear-gradient(top, #b5b5b5, #b5b5b5);
    background-image: -moz-linear-gradient(top, #b5b5b5, #b5b5b5);
    background-image: -ms-linear-gradient(top, #b5b5b5, #b5b5b5);
    background-image: -o-linear-gradient(top, #b5b5b5, #b5b5b5);
    background-image: linear-gradient(to bottom, #b5b5b5, #b5b5b5);
    text-decoration: none;
}



.submitother {
background:#088A4B;
width:60px;
height:23px;
border-radius:5px;
border-bottom:2px solid #bcbcbc;
cursor:pointer;
color:#fff;
}

.submit:hover {
text-shadow:0 1px rgba(0,0,0,0.1);
}

.submit:active {
text-shadow:0 -1px rgba(0,0,0,0.2);
}

.signup {
text-align:center;
font-size:12px;
color:#999;
margin:5px 0 0 0;
}

.signup a {
color:#72985a;
text-decoration:none;
}
/* ======================= */
.user-bar,.pass-bar {
height:18px;
}

ul.paginationnews {
margin:0px;
padding:0px;
height:100%;
overflow:hidden;
font:12px 'Tahoma ';
list-style-type:none;
float:left;
}

ul.paginationnews li.details {
padding:7px 10px 7px 10px;
font-size:14px;
}

ul.paginationnews li.dot {
padding:3px 0;
}

ul.paginationnews li {
float:right;
margin:0px;
padding:0px;
margin-left:5px;
}

ul.paginationnews li:first-child {
margin-right:0px;
}

ul.paginationnews li a {
color:black;
display:block;
text-decoration:none;
padding:7px 10px 7px 10px;
}

ul.paginationnews li a img {
border:none;
}

ul.paginationnews li.details {
color:#202020;
}

ul.paginationnews li a {
border:solid 1px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:6px 9px 6px 9px;
}

ul.paginationnews li {
padding-bottom:1px;
}

ul.paginationnews li a:hover,ul.paginationnews li a.current {
color:#FFFFFF;
box-shadow:0px 1px #EDEDED;
-moz-box-shadow:0px 1px #EDEDED;
-webkit-box-shadow:0px 1px #EDEDED;
text-shadow:0px 1px #3C3C3C;
border-color:#202020;
background:#525252;
background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));
}

ul.paginationnews li a {
color:#444444;
border-color:#BEBEBE;
background:#FAFAFA;
}

.symbol {
font-size:0.8em;
font-family:Times New Roman;
border-radius:1em;
padding:.1em .6em .1em .6em;
font-weight:bolder;
color:white;
background-color:#3229CF;
}

.icon-info {
background-color:#3229CF;
}

.icon-error {
background:#e64943;
font-family:Consolas;
}

.icon-tick {
background:#13c823;
}

.icon-excl {
background:#ffd54b;
color:black;
}

.icon-info:before {
content: 'i ';
}

.icon-error:before {
content: 'x ';
}

.icon-tick:before {
content: ' \002713 ';
}

.icon-excl:before {
content: '! ';
}

.notify {
background-color:#e3f7fc;
color:#555;
border:.1em solid;
border-color:#8ed9f6;
border-radius:10px;
font-family:Dw-Arabic-Regular,Geneva,Arial,sans-serif;
font-size:1.1em;
padding:10px 10px 10px 10px;
margin:10px;
cursor:default;
}

.notify-yellow {
background:#fff8c4;
border-color:#f7deae;
font-size:0.8em;
}

.notify-red {
background:#ffecec;
border-color:#fad9d7;
font-size:0.8em;
}

.notify-green {
background:#e9ffd9;
border-color:#D1FAB6;
font-size:0.8em;
}
/*======= table =========*/
.tableuser table {
width:100%;
border-collapse:separate;
border-spacing:0;
color:#4a4a4d;
font:14px/1.4 "Helvetica Neue ",Helvetica,Arial,sans-serif;
}

.tableuser th,td {
padding:10px 2px;
vertical-align:middle;
}

.tableuser thead {
background:#525252;
background:linear-gradient(#525252,#525252);
color:#fff;
font-size:11px;
text-transform:uppercase;
}

.tableuser th:first-child {
border-top-right-radius:5px;
text-align:center;
}

.tableuser th:last-child {
border-top-left-radius:5px;
}

.tableuser tbody tr:nth-child(even) {
background:#f0f0f2;
}

.tableuser td {
border-bottom:1px solid #cecfd5;
border-left:1px solid #cecfd5;
}

.tableuser td:first-child {
border-right:1px solid #cecfd5;
}

.tableuser.book-title {
color:#395870;
display:block;
}

.tableuser.text-offset {
color:#7c7c80;
font-size:12px;
}

.item-stock,.item-qty {
text-align:center;
}

.item-price {
text-align:right;
}

.item-multiple {
display:block;
}

tfoot {
text-align:right;
}

.tableuser tfoot tr:last-child {
background:#f0f0f2;
color:#395870;
font-weight:bold;
}

.tableuser tbody tr:last-child td:first-child {
border-bottom-right-radius:5px;
}

.tableuser tbody tr:last-child td:last-child {
border-bottom-left-radius:5px;
}

#loading-image {
height:100px;
width:100px;
position:fixed;
left:50%;
top:50%;
z-index:1000;
margin:-25px 0 0 -25px;
}