@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
/*
@font-face {
    font-family: Copperplate;
    src: url(font/Copperplate_Gothic_BT.ttf);
    font-weight:400;
}
@font-face {
    font-family: AssawtDecorative;
    src: url(font/HelpMacNet-Fonts-475.ttf);
    font-weight:400;
}
    */
/* CSS Document */
@font-face { 
    font-family: 'DroidSansArabic';
    src: url(font/droidsansarabic.eot);
    src: url(font/droidsansarabic.eot?#iefix) format('embedded-opentype'),url(font/DroidSansArabic.woff) format('woff'),url(font/droidsansarabic.ttf) format('truetype'),url(font/droidsansarabic.svg#droidsansarabic) format('svg');
    font-weight: 100;
    font-style: normal;
}


body {
    direction: rtl;
    font-size: 18px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    background-repeat: repeat;
    background-color: #ccc;
}

    body.open-menu {
        overflow: hidden;
    }

.PanelStyleMobile{
    font-size: 18px;
    color:  #333;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width:94%;
    display:block;
    border:solid 1px white;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* =================== Start ChangeLnaguage =========================================================== */
.ChangeLnaguageContainer
{
	display:block;
	position:absolute;
	top:117px;
	left:15px;
	z-index:9999999;
}
.ChangeLnaguageArrow
{
	display:none;
	position:absolute;
	top:2px;
	left:56px;
	opacity:0.5;
	z-index:9999999;
}

.ChangeLnaguageActiveItem
{
	display:block;
	width:80px;
	height: 28px;
	opacity:0.9;
	z-index:10;
	background-color: #EAEAEA;
	border:none 1px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
	background-image: linear-gradient(top, white, #EAEAEA);
}
.ChangeLnaguageActiveItem > div
{
	display:block;
	width:55px;
	margin-right:5px;
	text-align: center;
	white-space: nowrap;
	font-size: 13pt;
	color: #0d77b6;
	text-shadow: 0px 0px #fff;

}
.ChangeLnaguageActiveItem > img
{
	position:absolute;
	top:2px;
	right:3px;
	width:23px;
	height:23px;
}
.ChangeLnaguageActiveItem:hover
{
	display:block;
	width:80px;
	height: 28px;
	opacity:0.9;
	z-index:10;
	border:none 1px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EAEAEA;
    vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-size: medium;
	color: black;
	text-shadow: 1px 1px #fff;
	font-family: DroidSansArabic;
	background-image: linear-gradient(top, white, #EAEAEA);
} 

.ChangeLnaguageActiveItem:hover > div
{
	display:block;
	width:55px;
	margin-right:5px;
	text-align: center;
	white-space: nowrap;
	font-size: 13pt;
	color: black;
	text-shadow: 0px 0px #fff;
} 
.ChangeLnaguageSelectItems
{
	display:none;
}

.ChangeLnaguageContainer:hover > #ChangeLnaguageSelectItems
{
	display:block;
	position:absolute;
	top:28px;
	left:0px;
	border:solid 1px Transparent;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EAEAEA;
	background-image: linear-gradient(top, white, #EAEAEA);
}

.ChangeLnaguageItem
{
	display: inline-block;
	position: relative;
	width:80px;
	height: 28px;
	opacity:0.9;
	z-index:10;
	background-color: #EAEAEA;
    vertical-align: middle;
	background-image: linear-gradient(top, white, #EAEAEA);
}

.ChangeLnaguageItem > div
{
	display:block;
	width:55px;
	margin-right:5px;
	text-align: center;
	white-space: nowrap;
	font-size: 13pt;
	color: #0d77b6;
	text-shadow: 0px 0px #fff;

}
.ChangeLnaguageItem > img
{
	position:absolute;
	top:2px;
	right:3px;
	width:23px;
	height:23px;
}

.ChangeLnaguageItem:hover > div
{
	display:block;
	width:55px;
	margin-right:5px;
	text-align: center;
	white-space: nowrap;
	font-size: 13pt;
	color: black;
	text-shadow: 0px 0px #fff;
}

.ChangeLnaguageItem:hover > img
{
	position:absolute;
	top:2px;
	right:3px;
	width:23px;
	height:23px;
}
 
/* =================== End ChangeLnaguage =========================================================== */
/********** footer **********/
.footerSlider {
	width:100%; 
	text-align:center;
	vertical-align:middle;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 40px;
	background-color: #0d77b6;
	display:inline-block;
	position:relative;
	padding: 0px;
}

.footerSlider .resize 
{
	
	width:100%;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 5px;
	text-align: center;
	font-family: 'DroidSansArabic';
	font-size: 15px;
	color: #FFF;
	height: 30px;
	vertical-align:middle;
}

.footerSlider .resize a i { color:#ffffff; font:normal large  flaticon, DroidSansArabic, Tahoma, Geneva, sans-serif;}
.footerSlider .resize a { color:#ffffff; font:normal 17px  DroidSansArabic, Tahoma, Geneva, sans-serif; padding:0 1px;}
.footerSlider .resize a:hover { color:#ffffff; font:normal 18px  DroidSansArabic, Tahoma, Geneva, sans-serif; padding:0 1px;}
.footerSlider .resize div { 
	position:absolute;
	right:0px;
	top:0px;
	text-align: right;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 10%;
	vertical-align:middle;
}
.footerSlider .resize div  a
{
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-style: normal;
	font-weight: 300;
	text-decoration:none;
    white-space: nowrap;
    display: block;
}
.footerSlider .resize div a i
{
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-style: normal;
	font-weight: 300;
	text-decoration:none;
    white-space: nowrap;
    display: block;
    
} 

.footer {
	width:100%; 
	text-align:center;
	vertical-align:middle;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 40px;
	background-color: #0d77b6;
	bottom:0px;
	position:absolute;
	padding: 0px;
}
.user a {
	font-family: 'DroidSansArabic';
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.user a:hover {
	font-family: 'DroidSansArabic';
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}
.footer .resize 
{
	
	width:100%;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 5px;
	text-align: center;
	font-family: 'DroidSansArabic';
	font-size: 15px;
	color: #FFF;
	height: 30px;
	vertical-align:middle;
}

.footer .resize a i { color:#ffffff; font:normal large  flaticon, Arial, Tahoma, Geneva, sans-serif;font-weight:bold;}
.footer .resize a { color:#ffffff; font:normal 16px  Arial, Tahoma, Geneva, sans-serif;font-weight:bold; padding:0 1px;}
.footer .resize a:hover { color:#ffffff; font:normal 18px  Arial, Tahoma, Geneva, sans-serif;font-weight:bold; padding:0 1px;}
.footer .resize div { 
	position:absolute;
	right:0px;
	top:0px;
	text-align: right;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 10%;
	vertical-align:middle;
}
.footer .resize div  a
{
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-style: normal;
	font-weight: 300;
	text-decoration:none;
    white-space: nowrap;
    display: block;
}
.footer .resize div a i
{
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-style: normal;
	font-weight: 300;
	text-decoration:none;
    white-space: nowrap;
    display: block;
    
} 


.FooterIcons
{ 
	   float: right;
    font-size: 25px;
    height:100%;
    margin-top:5px;
    color: #ffffff;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    text-align: right;
    vertical-align:middle;
    text-decoration:none;
    white-space: nowrap;
}

#wrapper {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

#wrapperSlider {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    
}

.holderSlider {
    
	margin: 0px auto;
    vertical-align:middle;
    width: 98%;
}

.holder {
    
    vertical-align:middle;
    width: 99%;
}

#top_header {
    
	background: #baeef1;
    height: 110px;
    width: 100%;
}

#logo_text {
    height: 100px;
    float: right;
    margin-top: 5px;
}

#logo {
    height: 100px;
    width: 100px;
    float: right;
}

    #logo img {
        height: 100px;
        width: 100px;
    }

#namelogo {
    float: right;
    margin-right: 20px;
    height: 80px;
}

.logo_english {
    font-size: 22px;
    color: #4D4D4D;
    text-shadow: 1px 1px #fff;
    margin-top: 5px;
    margin-bottom: 0px;
    font-family: Copperplate;
    /*font-family:'DroidSansArabic';*/
    font-weight: 300;
    margin-left: 1px;
}

.logo_arabic {
    font-size: 30px;
    color: #4D4D4D;
    text-shadow: 1px 1px #fff;
    margin-bottom: 0px;
    font-family: AssawtDecorative;
    /*font-family:'DroidSansArabic';*/
    font-weight: 300;
    margin-top: 15px;
}

.logo_Text 
{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:100%;
	height: 100%;
	opacity:0.9;
	z-index:10;
	border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #EAEAEA;
    	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-size: medium;
	color: Red;
	text-shadow: 1px 1px #fff;
	font-family: DroidSansArabic;
	background-image: linear-gradient(top, white, #EAEAEA);
}

.LogoHeader
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:7px;
	left:1%;
	display:block;
	width:98%;
	height: 99px;
	margin-left:0px;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.DateTxt
{
	color: #ffffff;
    margin:5px;
    margin-right:3px;
    margin-left:3px;
    margin-top:0px;
    text-align:center;
    font-size:12pt;
    font:normal 18px  Arial, Tahoma, Geneva, sans-serif; 
    font-weight:bold;
}
.ZadTime
{
	position:absolute;
	top:0px;
	left:50px;
    padding:5px;
    padding-top:0px;
    margin:5px;
    margin-top:10px;
    background-color: transparent;   
}

.CompanyDescrAr
{
	position:absolute;
	top:45px;
	right:130px;
    padding:0px;
	display:block;
	width:550px;
	height: 50px;
	margin-left:0px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-size:27pt;
    color: #0d77b6;
    text-shadow: 1px 1px #0d77b6;
    font-family:'DroidSansArabic';
    background-color: Transparent;
    border:solid 0px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.CompanyLogoImage
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	right:4px;
	display:block;
	width:105px;
	height: 91px;
	margin-left:4px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.CompanyLogoImage2
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 4px #797979;
    box-shadow: 0 0 5px #797979;
	position:absolute;
	top:5px;
	left:4px;
	display:block;
	width:105px;
	height: 91px;
	margin-left:4px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.ZadLogoImage
{
	background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 15px #797979;
    box-shadow: 0 0 15px #797979;
	position:absolute;
	top:5px;
	right:47%;
	display:block;
	width:105px;
	height: 91px;
	margin-left:4px;
    background-color: White;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: xx-large;
    color: White;
    text-shadow: 1px 1px #fff;
    font-family:'DroidSansArabic';
    border:solid 0px #0d77b6;
	border-radius: 50px;
	o-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.HMenu {
    position:absolute;
    display:block;
    top:110px;
    right:220px;
}
.Title_Support_Header {
    position:absolute;
    display:block;
    top:110px;
    left:20px;
    padding:3px;
}
.Title_Support_Header:hover {
    position:absolute;
    display:block;
    top:110px;
    left:20px;
    padding:3px;
    border: 2px solid white;
    border-radius: 10px;
    border-radius: 10px;
    background-color: purple;
}
 
.Lang_En
{
    display:block;
    position:absolute;
    top:114px;
    left:67px;
    width:35px;
    height:35px;
    color:white;
    font-size:12pt;
    background-color: #0d77b6;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.Lang_En:hover {
    display:block;
    position:absolute;
    top:113px;
    left:63px;
    width:40px;
    height:40px;
    color:white;
    font-size:12pt;
    background-color: purple;
    border:solid 2px white;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.Lang_Ar_Mobile
{
    display:block;
    position:relative;
    float:left;
    margin-top:5px;
    margin-left:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: purple;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.Lang_Ar_Mobile:hover {
    display:block;
    position:relative;
    float:left;
    margin-top:5px;
    margin-left:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: #0d77b6;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.Lang_En_Mobile
{
    display:block;
    position:relative;
    float:right;
    margin-top:5px;
    margin-right:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: purple;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.Lang_En_Mobile:hover {
    display:block;
    position:relative;
    float:right;
    margin-top:5px;
    margin-right:5px;
    width:30px;
    height:30px;
    color:white;
    font-size:12pt;
    background-color: #0d77b6;
    border:solid 1px white;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.SubTabDivCss {
    width:200px;
    position:relative;
    display:block;
    z-index:999999999;
}

.home_link a:link, .home_link a:visited {
    color: #00529B;
    font-size: 18px;
    font-weight: 300;
}

.home_link a:hover {
    color: #666666;
    font-size: 18px;
    font-weight: 300;
}

.link a:link, .link a:visited {
    color: #00529B;
    font-size: 18px;
    font-weight: 300;
}

.link a:hover {
    color: #666666;
    font-size: 18px;
    font-weight: 300;
}

.Link img {
    float: right;
}

.Grd {
    margin-top: 5px;
}

#welcome {
    float: left;
    height: 60px;
    margin-top: 20px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

#name_welcome {
    float: left;
    height: 20px;
    text-align-last: center;
}

    #name_welcome p {
        float: left;
        height: 20px;
        font-size: 18px;
        color: #4D4D4D;
        text-shadow: 1px 1px #fff;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        white-space: nowrap;
    }

    #name_welcome h2 {
        float: right;
        height: 20px;
        font-size: 18px;
        color: #4D4D4D;
        text-shadow: 1px 1px #fff;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        margin-right: 40px;
    }

    #name_welcome a:link {
        color: #ffffff;
        font-size: 18px;
    }

    #name_welcome a:visited {
        color: #ffffff;
        font-size: 18px;
    }

    #name_welcome a:hover {
        color: #4D4D4D;
        font-size: 18px;
    }

#admin {
    float: left;
    height: 20px;
    width: 100%;
}

    #admin p {
        float: left;
        height: 30px;
        font-size: 18px;
        color: #4D4D4D;
        text-shadow: 1px 1px #fff;
        white-space: nowrap;
    }


#home_page {
    width: 40px;
    height: 35px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}

    #home_page img {
        width: 40px;
        height: 35px;
    }

header {
    background-color: #0d77b6;
    width: 100%;
    float: right;
    height: 40px;
    border-top: 2px solid #a1b9c7;
    border-bottom: 2px solid #a1b9c7;
}


#language {
    float: left;
    height: 100px;
    margin-top: 5px;
    margin-right: 5px;
}



    #language a:link {
        color: #ffffff;
        text-decoration: none;
        float: left;
    }



    #language a:visited {
        color: #ffffff;
        text-decoration: none;
        float: left;
    }



    #language a:hover {
        color: #ffffff;
        text-decoration: none;
        float: left;
    }



    #language img {
        width: 30px;
        height: 30px;
        margin: 0px;
        padding: 0px;
    }




#text_help {
    float: left;
    width: 93%;
    margin-left: 10px;
    height: 500px;
}

#top_title_page {
    float: right;
    font-size: 25px;
    height:100%;
    margin-right:5px;
    color: #ffffff;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    text-align: right;
    vertical-align:middle;
    text-decoration:none;
    white-space: nowrap;
}


.top_title_page {
    float: right;
    font-size: 19px;
    margin-top: 12px;
    color: #c9a62a;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

#name_help {
    float: right;
    width: 100%;
}

    #name_help h1 {
        font-size: 23px;
        color: #ffffff;
        margin-top: 50px;
        border-bottom: 2px solid #ffffff;
        padding-bottom: 5px;
    }


#scrollbar_help {
    width: 100%;
    margin-top: 10px;
    float: left;
}

    #scrollbar_help .viewport {
        width: 210px;
        height: 500px;
        overflow: hidden;
        position: relative;
    }

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

    #scrollbar_help .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 6px;
        background-color: #79a44d;
        border-bottom-color: #AAA;
    }

    #scrollbar_help .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }


    #scrollbar_help .thumb {
        height: 20px;
        width: 4px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_help .disable {
        display: none;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#text_help p {
    width: 200px;
    float: right;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-left: 10px;
    border-bottom: 1px solid #79a44d;
    text-shadow: none;
}

    #text_help p img {
        width: 8px;
        height: 8px;
        float: right;
        margin-right: 5px;
        margin-top: 5px;
    }


#menu_left {
    float: left;
    width: 100%;
    padding-bottom: 400px;
    -moz-box-shadow: 5px 0px 5px rgba(0,0,0,.15) inset;
    -webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.15) inset;
    box-shadow: 5px 0px 5px rgba(0,0,0,.15) inset;
}


#scrollbar_menu_left {
    width: 100%;
    float: left;
    height: 0px;
}




    #scrollbar_menu_left .viewport {
        width: 95%;
        overflow: hidden;
        position: fixed;
        top: 0;
        height: 100%;
        background: #0d77b6;
        background: -moz-linear-gradient(#0d77b6, #0d77b6);
        background: -ms-linear-gradient(#0d77b6, #0d77b6);
        background: -o-linear-gradient(#0d77b6, #0d77b6);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(#0d77b6));
        background: -webkit-linear-gradient(#0d77b6, #0d77b6);
        background: linear-gradient(#0d77b6, #0d77b6);
    }

    #scrollbar_menu_left .overview {
        list-style: none;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#menu_left span {
    color: #ffffff;
    font-size: 21px;
}

#menu_left a:hover span {
    color: #ffffff;
}


#nav1 {
    display: block;
    width: 340px;
    height:98%!important;    
    min-height:98%!important;
}

#nav {
    display: block;
    width: 340px;
    height:98%!important;    
    min-height:98%!important;
}

    #nav li {
        font-family: 'DroidSansArabic';
        font-weight: 300;
        height:98%!important;    
		min-height:98%!important;    
    }

    #nav > li > a {
        display: block;
        padding: 10px 10px;
        font-size: 17px;
        font-weight: 300;
        color: #ffffff;
        text-decoration: none;
        border-top: 1px solid #c9a62a;
        font-family: 'DroidSansArabic';
    }


        #nav > li > a:hover, #nav > li > a.open {
            background: #a1b9c7;
            background: -moz-linear-gradient(White, Silver);
            background: -ms-linear-gradient(White, Silver);
            background: -o-linear-gradient(White, Silver);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(White), to(Silver));
            background: -webkit-linear-gradient(White, Silver);
            background: linear-gradient(White, Silver);
            border: 1px solid #f4ab4c;
            color: #042f4d;
            text-shadow: 0 1px rgba(255,255,255,0.3);
            font-weight:bold;
        }


#nav li a.open i.flaticon-user77
{
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
  display: inline-block;
}


#nav li a.open i.flaticon-double29
{
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
  display: inline-block;
}

#nav ul div img.UserMenuImage:hover
{
width:200px;
height:250px;
}



        #nav > li > a.nav_URL {
            display: block;
            padding: 6px 6px;
            font-size: 18px;
            font-weight: normal;
            background-color: #ffffff;
            color: #79a44d;
            text-decoration: none;
            border-top: 0px none #D9D9D9;
            -webkit-transform: rotate(270deg);
        }

.RedStats {
    font-size: 17px;
    color: Red;
    font-weight: bold;
}

#nav > li > a.nav_URL:hover {
    background: #ffffff;
    color: #79a44d;
}

#nav > li > a.nav_HIDE {
    display: none;
    padding: 6px 6px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    border-top: 0px none #D9D9D9;
}


#nav li ul {
    display: none;
    background-color: #fcfcfc;
}

    #nav li ul li a {
        display: block;
        padding: 6px 6px;
        padding-right: 15px;
        font-size: 18px;
        text-decoration: none;
        font-weight: normal;
        color: #ffffff;
    }

        #nav li ul li a:hover {
            background: #82Af63;
            color: #ffffff;
            font-weight:bold;
        }

    #nav li ul li {
    }

#nav > li > ul > li > a {
    display: block;
    padding: 6px 6px;
    font-size: 18px;
    padding-right: 15px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}

    #nav > li > ul > li > a:hover, #nav > li > ul > li > a.open {
        background: #ccc;
        color: #333;
    }

    #nav > li > ul > li > a.nav_URL:hover {
        background: #ccc;
        color: #333;
    }
    
  



#nav li ul li ul {
    display: none;
    background-color: #efebc4;
}

    #nav li ul li ul li a {
        display: block;
        padding: 6px 6px;
        padding-right: 30px;
        font-size: 18px;
        text-decoration: none;
        font-weight: normal;
        color: #666666;
    }


        #nav li ul li ul li a:hover {
            background: #97c376;
            color: #79a44d;
        }

        #nav li ul li ul li a.nav_URL:hover {
            background: #ffffff;
            color: #79a44d;
            -moz-box-shadow: 0px 1px 4px #333 inset;
            -webkit-box-shadow: 0px 1px 4px #333 inset;
            box-shadow: 0px 1px 4px #333 inset;
        }



.span_h3 {
    color: #f57920;
    font-size: 21px;
}

.span_h4 {
    color: #79a44d;
    font-size: 21px;
    margin-right: 15px;
}

.GrdImg {
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #EAEAEA;
    	border: 1px solid #aaa;
	padding: 2px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	height: 14px;
	width: 14px;
	background-image: linear-gradient(top, white, #EAEAEA);
}



#content-wrapper 
{
	direction:ltr;
    width: 100%;
    float: right;
    overflow: auto;
    position: absolute;
    background: #baeef1;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
}

.open-menu #content-wrapper {
    overflow: hidden;
}
#all_contentSlider {
    width: 100%;
    overflow:visible;
}


#all_content {
    width: 100%;
    height: 82vh;
    min-height: 82vh;
    max-height: 82vh;
}

#all_infoSlider {
    width: 99%;
    min-height: 413px;
    padding-right: 5px;
    float: right;
}


#all_info {
    width: 99%;
    float: right;
}

#title_page {
    width: 100%;
    float: right;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #title_page ul {
        list-style: none;
        float: none;
        width: 97%;
        margin-right: 20px;
        border-bottom: 2px solid #74747b;
    }

    #title_page li {
        float: center;
        list-style: none;
        font-size: 28px;
        margin-bottom: 15px;
        height: 15px;
    }


    #title_page img {
        width: 20px;
        height: 20px;
        float: right;
        margin-left: 10px;
        margin-top: -3px;
    }

    #title_page span {
        color: #ffffff;
    }

.home_title_page {
    color: #333333;
    font-weight: bold;
}

    .home_title_page a:link {
        color: #74747b;
        text-decoration: none;
    }

    .home_title_page a:visited {
        color: #74747b;
        text-decoration: none;
    }

    .home_title_page a:hover {
        color: #ffffff;
        text-decoration: none;
    }

.home_home_title_page a:link {
    color: #ffffff;
    text-decoration: none;
}

.home_home_title_page a:visited {
    color: #ffffff;
    text-decoration: none;
}

.home_home_title_page a:hover {
    color: #ffffff;
    text-decoration: none;
}

#scroll_all_infoSlider 
{
	width: 100%;
    float: right;
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin-top: 10px;
    min-height: 415px;
    padding-bottom: 0px;
    margin-bottom: 55px;
    border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#scroll_all_info 
{
	position:relative;
	display:block;
    width: 99.5%;
    float: right;
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin: 0.5% 0.5% 0.5% 0.5%;
    height: 72vh;
    min-height: 72vh;
    max-height: 72vh;
    border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    
}
#scrollbar_all_infoSlider 
{
	width: 99%;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    direction: rtl;
}
#scrollbar_all_info {
    width: 99%;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    direction: rtl;
}

    #scrollbar_all_info .viewport {
        width: 99%;
        height: 320px;
        overflow: hidden;
        position: relative;
    }

    #scrollbar_all_info .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #scrollbar_all_info .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_all_info .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_all_info .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_all_info .disable {
        display: none;
    }

.noSelect {
    user-select:;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}




.all_details {
    width: 100%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.title_all_details {
    float: right;
    height: 20px;
    background-color: #ffffff;
    margin-top: -15px;
    font-size: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
}

    .title_all_details img {
        float: right;
        width: 26px;
        height: 11px;
        margin-left: 10px;
        margin-top: 5px;
    }


.home_info {
    font-size: 18px;
    width: 25%;
    float: right;
    margin-top: 15px;
    line-height: 20px;
    margin-right: 90px;
    border-left: 1px solid #ffffff;
    margin-bottom: 20px;
}

    .home_info h1 {
        font-size: 18px;
        width: 100%;
        float: right;
        margin-top: 15px;
        line-height: 20px;
        color: #333;
    }

    .home_info li {
        width: 100%;
        float: right;
        color: #ffffff;
    }

        .home_info li span {
            color: #333;
        }

        .home_info li a:link {
            color: #333;
            text-decoration: none;
        }

        .home_info li a:visited {
            color: #333;
            text-decoration: none;
        }

        .home_info li a:hover {
            color: #ffffff;
            text-decoration: none;
        }

.home_info_last {
    border-left: none;
}

.all_tabs_menu {
    float: right;
    width: 17%;
    list-style: none;
    margin-top: 10px;
}

    .all_tabs_menu ul {
        float: right;
        width: 99%;
        list-style: none;
    }

        .all_tabs_menu ul li {
            float: right;
            width: 100%;
            list-style: none;
            background-color: #0d77b6;
            -webkit-box-shadow: 0 0 3px #797979;
            box-shadow: 0 0 4px #797979;
            margin-bottom: 10px;
            height: 37px;
        }

    .all_tabs_menu .home_all_tabs_menu a:link {
        background-image: url(img/liii.png);
        background-repeat: no-repeat;
        background-position: left;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        color: white;
    }

    .all_tabs_menu .home_all_tabs_menu a:visited {
        color: white;
        background-image: url(img/liii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
    }

    .all_tabs_menu .home_all_tabs_menu a:hover {
        color: #ffffff;
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        background-color: #A1B9C7;
        color: black;
    }

    .all_tabs_menu .home_home_all_tabs_menu a:link {
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        color: white;
    }

    .all_tabs_menu .home_home_all_tabs_menu a:visited {
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        color: white;
    }

    .all_tabs_menu .home_home_all_tabs_menu a:hover {
        color: #4169E1;
        background-image: url(img/lii.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left;
        text-align: right;
        width: 100%;
        margin-top: 10px;
        background-color: #A1B9C7;
        color: black;
    }

    .all_tabs_menu ul li span {
        margin-right: 10px;
        margin-top: 0px;
        float: right;
    }

    .all_tabs_menu .home_home_all_tabs_menu img {
        float: left;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        border-left: 1px solid #ffffff;
        margin-right: 5px;
    }

    .all_tabs_menu .home_all_tabs_menu img {
        float: left;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        border-left: 1px solid #74747b;
        margin-right: 5px;
    }

.r_all_tabs {
    width: 82%;
    float: left;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin-bottom: 10px;
    min-height: 365px;
    margin-top: 10px;
}

.tabberlive .tabbertabhide {
    display: none;
}

.tabberlive {
    margin-top: 1em;
}

.r_sub_tabs ul {
    width: 100%;
    float: right;
    height: 30px;
    background-color: #0d77b6;
    direction: rtl;
    font-size: 17px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    border-top: 1px solid #a1b9c7;
    padding-top: 6px;
}

    .r_sub_tabs ul li {
        height: 30px;
        float: right;
        list-style: none;
        display: inline;
        padding: 9px 10px;
    }

        .r_sub_tabs ul li a {
            color: #ffffff;
            font-weight: 300;
            float: right;
            height: 35px;
            margin-top: -15px;
            text-decoration: none;
        }

            .r_sub_tabs ul li a span {
                color: #ffffff;
                font-family: 'DroidSansArabic';
                font-weight: 300;
                float: right;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 10px;
            }

            .r_sub_tabs ul li a:visited {
                color: #ffffff;
            }

                .r_sub_tabs ul li a:visited span {
                    color: #ffffff;
                }

            .r_sub_tabs ul li a:hover {
                color: #ffffff;
                font-family: 'DroidSansArabic';
                font-weight: 300;
                float: right;
                height: 27px;
            }

                .r_sub_tabs ul li a:hover span {
                    background-color: #a1b9c7;
                    color: #000;
                    font-family: 'DroidSansArabic';
                    font-weight: 300;
                    float: right;
                    height: 26px;
                }

        .r_sub_tabs ul li.tabberactive a {
            background-color: #a1b9c7;
            color: #000;
            font-family: 'DroidSansArabic';
            font-weight: 300;
            float: right;
            height: 33px;
        }

            .r_sub_tabs ul li.tabberactive a span {
                color: #000;
                background-color: #a1b9c7;
                font-family: 'DroidSansArabic';
                font-weight: 300;
                float: right;
                height: 26px;
            }

#ctl00_cntphmaster_ucApplicationInfo_AppGeneralTabsCtrl1_TabHeader1_updPnlNextPrevious {
    border-top: 2px solid #0d77b6;
}

.r_sub_tabs ul li.tabberactive a:hover {
    height: 27px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    float: right;
    color: #000;
    background-color: #a1b9c7;
}

    .r_sub_tabs ul li.tabberactive a:hover span {
        height: 27px;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        float: right;
        color: #000;
        background-color: #a1b9c7;
    }


.tabberlive .tabbertab {
    border-top: 0;
    height: 300px;
    width: 96%;
    margin-right: 20px;
    float: right;
    background-color: #000;
}

    .tabberlive .tabbertab h2 {
        display: none;
    }

    .tabberlive .tabbertab h3 {
        display: none;
    }

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

    .tabberlive#tab2 .tabbertab {
        height: 300px;
        overflow: auto;
        background-color: #ffcc00;
    }

.info_services {
    width: 100%;
    float: right;
    height: 300px;
}


#scrollbar_tab_1,
#scrollbar_tab_2,
#scrollbar_tab_3,
#scrollbar_tab_4,
#scrollbar_tab_5,
#scrollbar_tab_6 {
    width: 100%;
    margin-top: 10px;
    background-color: #ffffff;
    float: left;
}

    #scrollbar_tab_1 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

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

    #scrollbar_tab_1 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_1 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_1 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_1 .disable {
        display: none;
    }


    #scrollbar_tab_2 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

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

    #scrollbar_tab_2 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_2 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_2 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_2 .disable {
        display: none;
    }

    #scrollbar_tab_3 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

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

    #scrollbar_tab_3 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_3 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_3 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_3 .disable {
        display: none;
    }

    #scrollbar_tab_4 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

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

    #scrollbar_tab_4 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_4 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_4 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_4 .disable {
        display: none;
    }

    #scrollbar_tab_5 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

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

    #scrollbar_tab_5 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_5 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_5 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_5 .disable {
        display: none;
    }

    #scrollbar_tab_6 .viewport {
        width: 98%;
        height: 280px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

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

    #scrollbar_tab_6 .scrollbar {
        position: relative;
        background-position: 0 0;
        float: left;
        width: 10px;
        background-color: #EAEAEA;
        border-bottom-color: #AAA;
        background-image: linear-gradient(top, white, #EAEAEA);
    }

    #scrollbar_tab_6 .track {
        height: 100%;
        width: 6px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar_tab_6 .thumb {
        height: 20px;
        width: 8px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 1px;
        background: #ffffff;
    }

    #scrollbar_tab_6 .disable {
        display: none;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.input_search {
    width: 97%;
    float: right;
    list-style: none;
    margin-top: 10px;
    background-color: #ffffff;
}

    .input_search li {
        width: 50%;
        list-style: none;
        height: 30px;
        margin-bottom: 5px;
        float: right;
    }

.details_calendar {
    margin-right: 5px;
    margin-top: 10px;
    float: right;
}

.save_tabs {
    width: 100%;
    float: right;
    height: 30px;
}

    .save_tabs a:link {
        background: #ffffff;
        border: 1px solid #ffffff;
        color: #ffffff;
        text-shadow: 0 1px rgba(255,255,255,0.3);
        border-radius: 4px;
        font-size: 18px;
        line-height: 19px;
        text-align: center;
        font-weight: 400;
        float: left;
        border-radius: 3px 3px 3px 3px;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: AssawtDecorative;
        font-weight: bold;
        text-decoration: none;
    }

    .save_tabs a:visited {
        background: #ffffff;
        border: 1px solid #ffffff;
        color: #ffffff;
        text-shadow: 0 1px rgba(255,255,255,0.3);
        border-radius: 4px;
        font-size: 18px;
        line-height: 19px;
        text-align: center;
        font-weight: 400;
        float: left;
        border-radius: 3px 3px 3px 3px;
        padding: 5px;
        font-family: AssawtDecorative;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .save_tabs a:hover {
        box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
        background: #ffffff;
        font-weight: bold;
        text-decoration: none;
    }


.name {
    font-size: 19px;
}

.text_more_info {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 18px;
    border: 1px solid #ffffff;
    color: #333;
    background-color: #ffffff;
}


.save_tabs input[type=button] {
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 2px solid rgba(255,255,255,0.8);
    padding: 5px;
    font-size: 21px;
    width: 70px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

input[type=button] {
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 2px solid rgba(255,255,255,0.8);
    padding: 5px;
    font-size: 21px;
    width: 70px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

.Button {
    width:100px;
    margin-left: 1%;
    border: 1px solid #0d77b6;
    color: #ffffff;
    border-radius: 5px;
    background-color: #0d77b6;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 3px;
}

.LinkButtonGrid {
    border: 1px solid #79a44d;color: #ffffff;border-radius: 5px;background-color: #0d77b6;display:block;border-radius: 5px;o-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;text-align: center;vertical-align:middle; font-weight: 300;font-size:large; width:23px; height:23px;
    
}



.center_button {
    text-align: center;
}

.save_tabs input[type=button]:hover {
    box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
    background: #ffffff;
}

input[type=button]:hover {
    background: rgba(255,255,255,0.3);
    text-decoration: none;
    color: #c09f48;
}

.Button:hover {
    box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
    background: #A1B9C7;
    color: #000000;
}

.table {
    width: 100%;
    float: left;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin-bottom: 100px;
    border: 0px;
    border: 1px solid #ccc;
}

    .table table.hovertable {
        font-family: verdana,arial,sans-serif;
        font-size: 17px;
        color: #333333;
        border-width: 1px;
        border-color: #999999;
        border-collapse: collapse;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 20px;
    }



        .table table.hovertable th {
            border-left: 1px solid #72a63e;
            border-right: 1px solid #72a63e;
            border-top: 1px solid #72a63e;
            border-bottom: 1px solid #ffffff;
            padding: 5px;
            background-color: #ffffff;
            font-size: 18px;
            color: #ffffff;
            background-image: linear-gradient(top, #ffffff, #72a63e);
        }


        .ha
{
	font-size:15pt;
}

.canvas1
{
	font-size:15pt;
}

.pie-chart-container
         {
             width:960px;
             height:400px;
             
         }


.TextBoxStyle {
 border:solid 1px #ccc;border-radius: 5px;o-border-radius: 5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;
}

.DropDownListStyle {
 border:solid 1px #ccc;border-radius: 10px;o-border-radius: 10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;text-align:center;   
}

.PanelStyle{
    font-size: 18px;
    color:  #333;
    padding: 5px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 98%;
    display:block;
    border:solid 1px #0d77b6;
	border-radius: 15px;
	o-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
}


.PagerStyle {
    background-color: #EAEAEA;
    	font-size: 18px;
	color: #333;
	padding: 5px;
	font-family: DroidSansArabic;
	font-weight: 300;
	width: 100%;
	border: 1px solid #0d77b6;
	border-radius: 15px;
	o-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-image: linear-gradient(top, white, #EAEAEA);
}

.drpcount {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: White;
    border-bottom-color: #AAA;
    color: #333;
    text-align:center;
    vertical-align:middle;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 99%;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 7px;
    border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}


.table_Header {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #AAA;
    background-color: #EAEAEA;
    	font-size: 18px;
	color: #333;
	padding: 5px;
	font-family: DroidSansArabic;
	font-weight: 300;
	width: 100%;
	text-align: right;
	background-image: linear-gradient(top, white, #EAEAEA);
}

    .table_Header th {
        padding: 5px;
        /*text-align:right;*/
    }

        .table_Header th input[type="image"] {
            moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            background-color: #EAEAEA;
            border: 1px solid #aaa;
            padding: 3px;
            text-decoration: none;
            vertical-align: middle;
            white-space: nowrap;
            height: 18px;
            width: 18px;
            background-image: linear-gradient(top, white, #ffffff);
        }

.table_Row {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    font-size:15px;
}

    .table_Row td {
        border-width: 1px;
        padding: 2px;
        margin-top: 3px;
    }

        .table_Row td input[type="image"] {
            moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            background-color: #EAEAEA;
            border: 1px solid #aaa;
            padding: 2px;
            text-decoration: none;
            vertical-align: middle;
            white-space: nowrap;
            height: 18px;
            width: 18px;
            background-image: linear-gradient(top, white, #EAEAEA);
        }

.table_RowSelected {
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, white, #EAEAEA);
    background-image: -moz-linear-gradient(top, white, #EAEAEA);
    background-image: -ms-linear-gradient(top, white, #EAEAEA);
    background-image: -o-linear-gradient(top, white, #EAEAEA);
    background-image: linear-gradient(top, white, #EAEAEA);
    font-weight: bold;
    border: 1px solid #a9c6c9;
}

    .table_RowSelected td {
        /*border-width: 1px;
        padding: 2px;
        border-style: solid;
        border-color: LemonChiffon;*/
    }

.table_Pager td {
    padding: 1px;
}

.table table.hovertable tr {
    background-color: #fdfdfd;
    padding: 0px;
}

.table tr td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}


.table td img {
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #EAEAEA;
    border: 1px solid #aaa;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(top, white, #EAEAEA);
}


.table th img {
    moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #EAEAEA;
    border: 1px solid #aaa;
    padding: 3px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(top, white, #ffffff);
}

.text_table {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    display: block;
    width: 135px;
    padding: 2px;
    border: 1px solid #ccc;
    float: right;
    color: #333;
}

#add_room_row {
    width: 100%;
    margin-left: 10px;
    margin-bottom: 20px;
    float: right;
}

    #add_room_row ul {
        width: 100%;
        margin-right: 10px;
        list-style: none;
        font-size: 18px;
    }

        #add_room_row ul li {
            font-size: 18px;
            float: left;
            margin-right: 25px;
        }

            #add_room_row ul li spen {
                font-size: 18px;
                float: right;
            }

        #add_room_row ul img {
            width: 16px;
            height: 16px;
            float: right;
            margin-left: 5px;
        }

        #add_room_row ul li a:link {
            margin-right: 1%;
            background: #ffffff;
            border: 1px solid #ffffff;
            color: #ffffff;
            border-radius: 4px;
            font-size: 18px;
            line-height: 19px;
            text-align: center;
            margin-left: 10px;
            font-weight: bold;
            float: left;
            border-radius: 3px 3px 3px 3px;
            padding: 5px;
            text-decoration: none;
        }

        #add_room_row ul li a:visited {
            margin-right: 1%;
            background: #ffffff;
            border: 1px solid #ffffff;
            color: #ffffff;
            border-radius: 4px;
            font-size: 18px;
            line-height: 19px;
            text-align: center;
            margin-left: 10px;
            font-weight: bold;
            float: left;
            border-radius: 3px 3px 3px 3px;
            text-decoration: none;
        }

        #add_room_row ul li a:hover {
            box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15);
            background: #ffffff;
            text-decoration: none;
        }

.ImageAddRemoveButton {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-shadow: 0 1px rgba(255,255,255,0.3);
    border-radius: 4px;
    font-size: 25px;
    text-align: center;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

    .ImageAddRemoveButton:hover {
        box-shadow: inset 0 20px 40px rgba(255,255,255,0.15);
        background: #ffffff;
        color: #333;
    }


.gridpager span {
    color: #ffffff;
    text-decoration: none;
    height: 15px;
    background-color: #ffffff;
    width: 25px;
    float: left;
    text-align: center;
    font-size: 19px;
    margin-top: 20px;
    margin-left: 10px;
    border: 1px solid #ffffff;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.gridpager a {
    color: #ffffff;
    text-decoration: none;
    height: 15px;
    width: 25px;
    float: left;
    text-align: center;
    font-size: 19px;
    margin-left: 10px;
    margin-top: 20px;
    border: 1px solid #ffffff;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .gridpager a:hover {
        color: #ffffff;
        text-decoration: none;
        height: 15px;
        background-color: #ffffff;
        width: 25px;
        float: left;
        text-align: center;
        font-size: 19px;
        margin-left: 10px;
        margin-top: 20px;
        border: 1px solid #ffffff;
        moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.GreenNum {
    color: Green;
}

.RedNum {
    color: Red;
}

.checkBoxList {
  max-height:100px;
  height:auto ;
  
  border-style:solid;
  border-width:1px;
  border-color:gray;
  overflow-y:auto;
  
  
}
[type=Label] {
    float: right;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

Label {
    float: right;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}


input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 50%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}


select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 53%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}



[type=textarea] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 70.5%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
    height: 40px;
}

textarea {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 90%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
    height: 40px;
}

[type:button] {
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 2px solid rgba(255,255,255,0.8);
    padding: 5px;
    font-size: 21px;
    width: 70px;
    text-align: center;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
}

button:hover {
    background: rgba(255,255,255,0.3);
    text-decoration: none;
    color: #c09f48;
}

tabs color {
    background-color: #0d77b6;
    font-weight: normal;
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0d77b6), to(#98213d));
    background-image: -webkit-linear-gradient(top, #0d77b6, #98213d);
    background-image: -moz-linear-gradient(top, #0d77b6, #98213d);
    background-image: -ms-linear-gradient(top, #0d77b6, #98213d);
    background-image: -o-linear-gradient(top, #0d77b6, #98213d);
    background-image: linear-gradient(top, #0d77b6, #98213d);
}






.hiddenCtrl {
    display: none;
}

#message {
    float: right;
    width: 100%;
    margin-top: 20px;
}

    #message p {
        float: right;
        width: 60%;
        line-height: 25px;
        font-size: 17px;
    }

        #message p img {
            float: right;
            margin-top: 10px;
            margin-left: 5px;
        }

        #message p a:link,
        #message p a:visited {
            color: #0d77b6;
        }

        #message p a:hover {
            color: #333;
        }

.history_number {
    float: left;
    list-style: none;
    width: 190px;
}

    .history_number li {
        list-style: none;
        float: left;
        border: 1px solid #a1b9c7;
        color: #ffffff;
        border-radius: 5px;
        height: 30px;
        margin-bottom: 5px;
        width: 190px;
        font-family: 'DroidSansArabic';
        text-decoration: none;
        background-color: #0d77b6;
    }

        .history_number li img {
            float: right;
            width: 20px;
            height: 20px;
            margin-top: 5px;
            margin-right: 5px;
        }


        .history_number li h1 {
            font-family: 'DroidSansArabic';
            font-size: 17px;
            font-weight: 300;
            float: right;
            margin-right: 5px;
            margin-top: 6px;
            white-space: nowrap;
        }

.name_test {
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
    float: right;
    white-space: nowrap;
}

.dott {
    float: right;
    margin-top: -5px;
    font-size: 25px;
    color: #c9a62a;
    margin-left: 5px;
}

#help_info_tabs {
    width: 20%;
    float: left;
    height: 370px;
}

    #help_info_tabs p {
        line-height: 25px;
        color: #444;
        padding: 10px;
        font-family: 'DroidSansArabic';
        font-weight: 300;
        float: right;
    }

table {
    border-style: 1px solid #ccc;
}

.right_table {
    width: 78%;
    float: right;
}

.h_right_table {
    width: 78%;
    float: right;
}

.table_panel {
    width: 100%;
    border: 1px solid #ccc;
}


input[type=password] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 50%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.TextAlignLeft {
    text-align: left;
    direction: ltr;
}

.border_tabel {
    border-left: 5px solid #0d77b6;
}


#conditions {
    float: right;
    width: 90%;
    margin: 5%;
}

#title_conditions {
    width: 100%;
    float: right;
    height: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    #title_conditions img {
        height: 28px;
        width: 276px;
        text-align: center;
        margin: auto;
    }

#conditions ul {
    list-style: none;
    float: right;
    width: 100%;
}

    #conditions ul li {
        float: right;
        width: 100%;
        height: 30px;
        border-bottom: 1px solid #ccc;
        padding: 5px;
    }

        #conditions ul li span {
            list-style: none;
            float: right;
            color: #0d77b6;
            margin-left: 5px;
            font-size: 23px;
            margin-right: 10px;
        }

        #conditions ul li h1 {
            float: right;
            color: #333;
            font-family: 'DroidSansArabic';
            font-size: 23px;
            font-weight: 300;
        }

.one {
    background-color: #f4f4f4;
}

#conditions p {
    float: right;
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 300;
    color: #F00;
    margin-top: 10px;
    margin-right: 10px;
}

.DocTitle {
    margin: -10px;
    padding: 0px;
    font-size: 21px;
}

#accordion-example4 {
    width: 100%;
    float: right;
    margin-top: 20px;
    padding-bottom: 20px;
}

#name_all_info {
    width: 100%;
    float: left;
    height: 25px;
    padding-top: 20px;
    margin-bottom: 10px;
}

#accordion-example4 h3 {
    height: 20px;
    font-weight: 300;
    font-size: 19px;
    font-family: 'DroidSansArabic';
    color: #74747b;
    border-bottom: 2px solid #74747b;
    width: 100%;
    padding-top: 5px;
    margin-bottom: 20px;
}

    #accordion-example4 h3 a:link {
        color: #74747b;
        text-decoration: none;
    }

    #accordion-example4 h3 a:visited {
        color: #74747b;
        text-decoration: none;
    }

    #accordion-example4 h3 a:hover {
        text-decoration: none;
        color: #74747b;
    }

.Panel_Field {
    margin-bottom: 10px;
}

.select_table {
    float: right;
    text-align: right;
    padding-top: 5px;
}

    .select_table select {
        font-family: 'DroidSansArabic';
        font-size: 17px;
        font-weight: 400;
        display: block;
        width: 20%;
        border: 1px solid #ccc;
        color: #666666;
        background-color: #ffffff;
        outline: none;
        float: right;
        height: 24px;
        margin-top: -1px;
    }

.next_back_table {
    float: right;
    width: 101px;
    direction: ltr;
    padding-top: 5px;
    padding-left: 5px;
}

.right_table_No_Help {
    width: 100%;
    float: right;
}



.popbox {
    display: none;
    position: absolute;
    z-index: 99999;
    width: 400px;
    padding: 10px;
    background: #ffffff;
    color: #333;
    border: 1px solid #ccc;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

    .popbox ul {
        padding: 5px;
        list-style: square;
        margin-right: 15px;
        color: #0d77b6;
    }

    .popbox p {
        color: #333;
    }

.popper {
    text-decoration: none;
    border: 1px solid #ad8d1a;
    color: #675221;
    background-color: #dbc374;
    border-radius: 3px;
    cursor: pointer;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    padding: 5px;
    margin: 5px;
    float: right;
}

.big_table {
    width: auto;
    margin-top: 10px;
    text-align: right;
}

.big_table_form {
    width: 100%;
    margin-top: 10px;
}

.big_table_form_name {
    width: 10%;
}

.big_table_form_input {
    width: 25%;
}



.sortUpStyle {
    background-image: url(../../Images/sortup.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: #333;
}


.sortDownStyle {
    background-image: url(../../Images/sortdown.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: #333;
}

.sortUpDownStyle {
    background-image: url(../../Images/sortUpDown.gif);
    background-repeat: no-repeat;
    background-position: right;
    margin-left:300px;
    text-decoration: none;
    color: #333;
}


.sortUpStyle a:link,
.sortUpStyle a:visited,
.sortUpStyle a:hover {
    text-decoration: none;
    color: #333;
    margin-right:13px;
}


.sortUpDownStyle a:link,
.sortUpDownStyle a:visited,
.sortUpDownStyle a:hover {
    text-decoration: none;
    color: #333;
    background: none;
    margin-right:13px;
}


.sortDownStyle a:link,
.sortDownStyle a:visited,
.sortDownStyle a:hover {
    text-decoration: none;
    color: #333;
    margin-right:13px;
}





.FromTo_test {
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
    float: right;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
}




.ac-container {
    width: 100%;
    float: right;
}

    .ac-container h1 {
        color: #333;
        font-family: 'DroidSansArabic';
        font-size: 19px;
        font-weight: 300;
        text-align: right;
        margin-right: 20px;
    }

    .ac-container label {
        position: relative;
        z-index: 20;
        display: block;
        height: 20px;
        cursor: pointer;
        width: 100%;
        margin-bottom: 10px;
        border-width: 1px;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        border-style: solid;
        border-color: #AAA;
        background-color: #EAEAEA;
        background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
        background-image: -webkit-linear-gradient(top, white, #EAEAEA);
        background-image: -moz-linear-gradient(top, white, #EAEAEA);
        background-image: -ms-linear-gradient(top, white, #EAEAEA);
        background-image: -o-linear-gradient(top, white, #EAEAEA);
        background-image: linear-gradient(top, white, #EAEAEA);
        border-bottom-color: #AAA;
    }

        .ac-container label:hover {
            color: #0d77b6;
        }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        color: #0d77b6;
    }

        .ac-container label:hover:after,
        .ac-container input:checked + label:hover:after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            right: 13px;
            top: 7px;
            background: transparent url(../../images/arrow_down.png) no-repeat center center;
        }

        .ac-container input:checked + label:hover:after {
            background-image: url(../../images/arrow_up.png);
        }

    .ac-container input[type=checkbox] {
        display: none;
    }

.checmargin {
    margin: 0px;
}

.ac-container article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
}


.ac-container input:checked ~ article.ac-small {
    height: 100%;
    float: right;
    width: 100%;
}

.CheckListDir input[type=checkbox] {
    float: right;
    margin-left: 10px;
}

.Calendar .ajax__calendar_container {
    z-index: 999999;
}


.RbuttonList input[type=Radio] {
    float: right;
}







.all_grid_form {
    width: 100%;
    float: right;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.input_Dounble_Ctrl {
}

.input_normal,
.input_small,
.input_large,
.input_select_text,
.input_text_select,
.input_Dounble_Ctrl {
    width: 35%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.all_small_field {
    width: 62%;
    float: right;
}

.all_big_field {
    width: 62%;
    float: right;
}

.r_small_field {
    width: 20%;
    float: right;
}

.l_small_field {
    width: 20%;
    float: right;
}

.r_small_text {
    float: right;
    margin-top: 6px;
    width: 10%;
}

.l_small_text {
    float: right;
    margin-top: 6px;
    width: 10%;
    margin-right: 20px;
}

.m_small_text {
    float: right;
    margin-top: 6px;
    width: 10%;
    margin-right: 26px;
}

.l_big_field {
    width: 40%;
    float: right;
    margin-right: 10px;
}


.all_small_field input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.all_big_field input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 90%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.full_name_input input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}





.small_text {
    width: 20%;
    float: right;
    margin-top: 8px;
    text-align: center;
}

.small_tr {
    width: 33%;
    float: right;
}



.all_grid_form _small {
    width: 60%;
}

.all_grid_form_name {
    width: 15%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.all_grid_form_name_large {
    width: 20%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

.all_grid_form_name_small {
    width: 5%;
    height: 30px;
}

.all_grid_form_small {
    width: 60%;
    float: right;
}

.acadmeic_year {
    width: 3%;
    height: 30px;
}


.all_grid_form_name_small {
    width: 10%;
    height: 30px;
}

.Validation_grid {
    padding-right: 18px;
}

.input_normal input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 60%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_Dounble_Ctrl select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 22%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}

.input_normal select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 62%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}

.radio_two {
    margin-right: 20px;
}


.input_small input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 30%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_small select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 30%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}


.input_large input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 85%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_large select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 87%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}




.input_select_text input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 64%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
}

.input_select_text select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 20%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
    margin-left: 1.5%;
}



.input_text_select input[type=text] {
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
    display: block;
    width: 64%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    float: right;
    color: #74747b;
    background-color: #ffffff;
    outline: none;
    margin-left: 1.5%;
}

.input_text_select select {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 20%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}

.full_name_input {
    margin-right: 10px;
    width: 60%;
    float: right;
}

.SecondTextBox {
    margin-right: 3px;
    float: right;
    width: 150px;
}

legend {
    white-space: nowrap;
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
}

.all_details_Pnl {
    width: 95%;
    margin-left: 5px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    direction: rtl;
    font-family: 'DroidSansArabic';
    font-size: 16px;
    font-weight: 300;
}

.r_all_tabs_full {
    width: 100%;
    float: left;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #797979;
    box-shadow: 0 0 4px #797979;
    margin-bottom: 10px;
    min-height: 365px;
    margin-top: 10px;
}


.Academic_Tree {
    font-family: 'DroidSansArabic';
}

.WarningHdr {
    color: #1556AB;
    font-weight: bold;
    font-size: 20px;
    font-family: 'DroidSansArabic';
    padding-righ: 10px;
}

.WarningBody {
    color: #1556AB;
    font-size: 22px;
    font-family: 'DroidSansArabic';
}

.message_warning {
    margin: 10px;
    font-size: 22px;
    color: #1556AB;
    font-family: 'DroidSansArabic';
}

.btn_center {
    display: block;
    margin: auto;
}


.input_small_mini {
    width: 22%;
    height: 30px;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    font-size: 17px;
}

    .input_small_mini input[type=text] {
        font-family: 'DroidSansArabic';
        font-weight: 300;
        font-size: 17px;
        display: block;
        width: 50%;
        margin-bottom: 5px;
        padding: 4px;
        border: 1px solid #ccc;
        float: right;
        color: #74747b;
        background-color: #ffffff;
        outline: none;
    }

    .input_small_mini select {
        font-family: 'DroidSansArabic';
        font-size: 17px;
        font-weight: 400;
        display: block;
        width: 53%;
        margin-bottom: 5px;
        padding: 4px;
        border: 1px solid #ccc;
        color: #666666;
        background-color: #ffffff;
        outline: none;
        float: right;
    }

.SummaryValidate {
    float: right;
}

.checkbox_table {
    float: right;
    margin-right: 2px;
}

.BtnSearchCenter {
    float: right;
    margin-right: 5px;
    margin-top: -5px;
}

.search_filter {
    margin-right: 5px;
    margin-top: 2px;
    float: right;
}

    .search_filter img {
        height: 34px;
    }

html body .riSingle .riTextBox, html body .riSingle [type='text'].riTextBox {
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 400;
    display: block;
    width: 50%;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666666;
    background-color: #ffffff;
    outline: none;
    float: right;
}
.grd_nores {
    margin-top:10px;
}



@font-face {
	font-family: "Flaticon";
	src: url("font/flaticon.eot");
	src: url("font/flaticon.eot#iefix") format("embedded-opentype"),
	url("font/flaticon.woff") format("woff"),
	url("font/flaticon.ttf") format("truetype"),
	url("font/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}.flaticon-adjust4:before {
	content: "\e000";
}
.flaticon-align14:before {
	content: "\e001";
}
.flaticon-align15:before {
	content: "\e002";
}
.flaticon-align16:before {
	content: "\e003";
}
.flaticon-ambulance8:before {
	content: "\e004";
}
.flaticon-anchor16:before {
	content: "\e005";
}
.flaticon-android4:before {
	content: "\e006";
}
.flaticon-angle1:before {
	content: "\e007";
}
.flaticon-angle2:before {
	content: "\e008";
}
.flaticon-angle:before {
	content: "\e009";
}
.flaticon-apple22:before {
	content: "\e00a";
}
.flaticon-archive15:before {
	content: "\e00b";
}
.flaticon-arrow459:before {
	content: "\e00c";
}
.flaticon-arrow460:before {
	content: "\e00d";
}
.flaticon-arrow461:before {
	content: "\e00e";
}
.flaticon-arrow462:before {
	content: "\e00f";
}
.flaticon-arrow463:before {
	content: "\e010";
}
.flaticon-arrow464:before {
	content: "\e011";
}
.flaticon-arrow465:before {
	content: "\e012";
}
.flaticon-arrow466:before {
	content: "\e013";
}
.flaticon-arrow467:before {
	content: "\e014";
}
.flaticon-arrowhead5:before {
	content: "\e015";
}
.flaticon-arrowhead6:before {
	content: "\e016";
}
.flaticon-arrowheads:before {
	content: "\e017";
}
.flaticon-asterisk2:before {
	content: "\e018";
}
.flaticon-ban:before {
	content: "\e019";
}
.flaticon-bar10:before {
	content: "\e01a";
}
.flaticon-barcode2:before {
	content: "\e01b";
}
.flaticon-beaker2:before {
	content: "\e01c";
}
.flaticon-beer9:before {
	content: "\e01d";
}
.flaticon-bell13:before {
	content: "\e01e";
}
.flaticon-bitbucket:before {
	content: "\e01f";
}
.flaticon-bitcoin:before {
	content: "\e020";
}
.flaticon-bold14:before {
	content: "\e021";
}
.flaticon-book95:before {
	content: "\e022";
}
.flaticon-bookmark10:before {
	content: "\e023";
}
.flaticon-bookmark9:before {
	content: "\e024";
}
.flaticon-branch:before {
	content: "\e025";
}
.flaticon-briefcase11:before {
	content: "\e026";
}
.flaticon-bug6:before {
	content: "\e027";
}
.flaticon-building8:before {
	content: "\e028";
}
.flaticon-bull1:before {
	content: "\e029";
}
.flaticon-bullseye:before {
	content: "\e02a";
}
.flaticon-calendar51:before {
	content: "\e02b";
}
.flaticon-calendar52:before {
	content: "\e02c";
}
.flaticon-camera46:before {
	content: "\e02d";
}
.flaticon-camera47:before {
	content: "\e02e";
}
.flaticon-caret4:before {
	content: "\e02f";
}
.flaticon-caret5:before {
	content: "\e030";
}
.flaticon-caret6:before {
	content: "\e031";
}
.flaticon-center5:before {
	content: "\e032";
}
.flaticon-certificate6:before {
	content: "\e033";
}
.flaticon-check29:before {
	content: "\e034";
}
.flaticon-check30:before {
	content: "\e035";
}
.flaticon-check31:before {
	content: "\e036";
}
.flaticon-checkered2:before {
	content: "\e037";
}
.flaticon-chevron17:before {
	content: "\e038";
}
.flaticon-chevron18:before {
	content: "\e039";
}
.flaticon-chevron19:before {
	content: "\e03a";
}
.flaticon-chevron20:before {
	content: "\e03b";
}
.flaticon-chevron21:before {
	content: "\e03c";
}
.flaticon-chevron22:before {
	content: "\e03d";
}
.flaticon-chevron23:before {
	content: "\e03e";
}
.flaticon-chevron24:before {
	content: "\e03f";
}
.flaticon-circle33:before {
	content: "\e040";
}
.flaticon-circle34:before {
	content: "\e041";
}
.flaticon-circular56:before {
	content: "\e042";
}
.flaticon-cloud106:before {
	content: "\e043";
}
.flaticon-cloud107:before {
	content: "\e044";
}
.flaticon-code10:before {
	content: "\e045";
}
.flaticon-code11:before {
	content: "\e046";
}
.flaticon-coffee18:before {
	content: "\e047";
}
.flaticon-cog2:before {
	content: "\e048";
}
.flaticon-cogs3:before {
	content: "\e049";
}
.flaticon-collapse2:before {
	content: "\e04a";
}
.flaticon-comment32:before {
	content: "\e04b";
}
.flaticon-comment33:before {
	content: "\e04c";
}
.flaticon-comments16:before {
	content: "\e04d";
}
.flaticon-compass41:before {
	content: "\e04e";
}
.flaticon-computer74:before {
	content: "\e04f";
}
.flaticon-copy10:before {
	content: "\e050";
}
.flaticon-correct8:before {
	content: "\e051";
}
.flaticon-couple35:before {
	content: "\e052";
}
.flaticon-credit40:before {
	content: "\e053";
}
.flaticon-crop4:before {
	content: "\e054";
}
.flaticon-cross41:before {
	content: "\e055";
}
.flaticon-css3:before {
	content: "\e056";
}
.flaticon-curved8:before {
	content: "\e057";
}
.flaticon-cut18:before {
	content: "\e058";
}
.flaticon-dashboard2:before {
	content: "\e059";
}
.flaticon-delivery7:before {
	content: "\e05a";
}
.flaticon-desktop14:before {
	content: "\e05b";
}
.flaticon-dot:before {
	content: "\e05c";
}
.flaticon-double28:before {
	content: "\e05d";
}
.flaticon-double29:before {
	content: "\e05e";
}
.flaticon-double30:before {
	content: "\e05f";
}
.flaticon-double31:before {
	content: "\e060";
}
.flaticon-double32:before {
	content: "\e061";
}
.flaticon-download62:before {
	content: "\e062";
}
.flaticon-download63:before {
	content: "\e063";
}
.flaticon-dribbble4:before {
	content: "\e064";
}
.flaticon-dropbox13:before {
	content: "\e065";
}
.flaticon-earth17:before {
	content: "\e066";
}
.flaticon-edit24:before {
	content: "\e067";
}
.flaticon-eject14:before {
	content: "\e068";
}
.flaticon-envelope4:before {
	content: "\e069";
}
.flaticon-envelope5:before {
	content: "\e06a";
}
.flaticon-euro29:before {
	content: "\e06b";
}
.flaticon-exchange1:before {
	content: "\e06c";
}
.flaticon-exclamation8:before {
	content: "\e06d";
}
.flaticon-exclamation9:before {
	content: "\e06e";
}
.flaticon-expand16:before {
	content: "\e06f";
}
.flaticon-external1:before {
	content: "\e070";
}
.flaticon-external2:before {
	content: "\e071";
}
.flaticon-eye50:before {
	content: "\e072";
}
.flaticon-eye51:before {
	content: "\e073";
}
.flaticon-facebook25:before {
	content: "\e074";
}
.flaticon-facebook26:before {
	content: "\e075";
}
.flaticon-facetime:before {
	content: "\e076";
}
.flaticon-fast13:before {
	content: "\e077";
}
.flaticon-female76:before {
	content: "\e078";
}
.flaticon-fighter2:before {
	content: "\e079";
}
.flaticon-file27:before {
	content: "\e07a";
}
.flaticon-file28:before {
	content: "\e07b";
}
.flaticon-film28:before {
	content: "\e07c";
}
.flaticon-filter10:before {
	content: "\e07d";
}
.flaticon-finger6:before {
	content: "\e07e";
}
.flaticon-fire16:before {
	content: "\e07f";
}
.flaticon-fire17:before {
	content: "\e080";
}
.flaticon-flag28:before {
	content: "\e081";
}
.flaticon-flickr8:before {
	content: "\e082";
}
.flaticon-fluffy1:before {
	content: "\e083";
}
.flaticon-folder64:before {
	content: "\e084";
}
.flaticon-folder65:before {
	content: "\e085";
}
.flaticon-folder66:before {
	content: "\e086";
}
.flaticon-font2:before {
	content: "\e087";
}
.flaticon-font3:before {
	content: "\e088";
}
.flaticon-fork9:before {
	content: "\e089";
}
.flaticon-forward8:before {
	content: "\e08a";
}
.flaticon-four29:before {
	content: "\e08b";
}
.flaticon-foursquare5:before {
	content: "\e08c";
}
.flaticon-frown:before {
	content: "\e08d";
}
.flaticon-fullscreen4:before {
	content: "\e08e";
}
.flaticon-gamepad1:before {
	content: "\e08f";
}
.flaticon-gift49:before {
	content: "\e090";
}
.flaticon-github10:before {
	content: "\e091";
}
.flaticon-github11:before {
	content: "\e092";
}
.flaticon-github12:before {
	content: "\e093";
}
.flaticon-gittip:before {
	content: "\e094";
}
.flaticon-glass8:before {
	content: "\e095";
}
.flaticon-google25:before {
	content: "\e096";
}
.flaticon-google26:before {
	content: "\e097";
}
.flaticon-great11:before {
	content: "\e098";
}
.flaticon-group41:before {
	content: "\e099";
}
.flaticon-half14:before {
	content: "\e09a";
}
.flaticon-hand34:before {
	content: "\e09b";
}
.flaticon-hand35:before {
	content: "\e09c";
}
.flaticon-hand40:before {
	content: "\e09d";
}
.flaticon-hdd:before {
	content: "\e09e";
}
.flaticon-heart74:before {
	content: "\e09f";
}
.flaticon-heart75:before {
	content: "\e0a0";
}
.flaticon-horizontal9:before {
	content: "\e0a1";
}
.flaticon-hostpital:before {
	content: "\e0a2";
}
.flaticon-hotel17:before {
	content: "\e0a3";
}
.flaticon-html4:before {
	content: "\e0a4";
}
.flaticon-inbox12:before {
	content: "\e0a5";
}
.flaticon-increase:before {
	content: "\e0a6";
}
.flaticon-indent1:before {
	content: "\e0a7";
}
.flaticon-information34:before {
	content: "\e0a8";
}
.flaticon-information35:before {
	content: "\e0a9";
}
.flaticon-instagram3:before {
	content: "\e0aa";
}
.flaticon-italicize:before {
	content: "\e0ab";
}
.flaticon-keyboard13:before {
	content: "\e0ac";
}
.flaticon-left32:before {
	content: "\e0ad";
}
.flaticon-legal1:before {
	content: "\e0ae";
}
.flaticon-lemon3:before {
	content: "\e0af";
}
.flaticon-leter:before {
	content: "\e0b0";
}
.flaticon-letter15:before {
	content: "\e0b1";
}
.flaticon-level:before {
	content: "\e0b2";
}
.flaticon-light45:before {
	content: "\e0b3";
}
.flaticon-lightning14:before {
	content: "\e0b4";
}
.flaticon-link15:before {
	content: "\e0b5";
}
.flaticon-linkedin10:before {
	content: "\e0b6";
}
.flaticon-linkedin9:before {
	content: "\e0b7";
}
.flaticon-linux3:before {
	content: "\e0b8";
}
.flaticon-list28:before {
	content: "\e0b9";
}
.flaticon-list29:before {
	content: "\e0ba";
}
.flaticon-list30:before {
	content: "\e0bb";
}
.flaticon-listing1:before {
	content: "\e0bc";
}
.flaticon-location28:before {
	content: "\e0bd";
}
.flaticon-lock24:before {
	content: "\e0be";
}
.flaticon-long3:before {
	content: "\e0bf";
}
.flaticon-long4:before {
	content: "\e0c0";
}
.flaticon-long5:before {
	content: "\e0c1";
}
.flaticon-long6:before {
	content: "\e0c2";
}
.flaticon-magic7:before {
	content: "\e0c3";
}
.flaticon-male93:before {
	content: "\e0c4";
}
.flaticon-map25:before {
	content: "\e0c5";
}
.flaticon-maxcdn:before {
	content: "\e0c6";
}
.flaticon-medkit:before {
	content: "\e0c7";
}
.flaticon-meh:before {
	content: "\e0c8";
}
.flaticon-microphone27:before {
	content: "\e0c9";
}
.flaticon-microphone28:before {
	content: "\e0ca";
}
.flaticon-minus18:before {
	content: "\e0cb";
}
.flaticon-minus19:before {
	content: "\e0cc";
}
.flaticon-minus20:before {
	content: "\e0cd";
}
.flaticon-minus21:before {
	content: "\e0ce";
}
.flaticon-minus22:before {
	content: "\e0cf";
}
.flaticon-mobile29:before {
	content: "\e0d0";
}
.flaticon-money10:before {
	content: "\e0d1";
}
.flaticon-moon18:before {
	content: "\e0d2";
}
.flaticon-move14:before {
	content: "\e0d3";
}
.flaticon-music66:before {
	content: "\e0d4";
}
.flaticon-music67:before {
	content: "\e0d5";
}
.flaticon-musical32:before {
	content: "\e0d6";
}
.flaticon-nine10:before {
	content: "\e0d7";
}
.flaticon-numbered4:before {
	content: "\e0d8";
}
.flaticon-ok2:before {
	content: "\e0d9";
}
.flaticon-ok3:before {
	content: "\e0da";
}
.flaticon-open94:before {
	content: "\e0db";
}
.flaticon-open95:before {
	content: "\e0dc";
}
.flaticon-open96:before {
	content: "\e0dd";
}
.flaticon-open97:before {
	content: "\e0de";
}
.flaticon-paper47:before {
	content: "\e0df";
}
.flaticon-paper48:before {
	content: "\e0e0";
}
.flaticon-paste2:before {
	content: "\e0e1";
}
.flaticon-pause14:before {
	content: "\e0e2";
}
.flaticon-pencil30:before {
	content: "\e0e3";
}
.flaticon-photo33:before {
	content: "\e0e4";
}
.flaticon-picture13:before {
	content: "\e0e5";
}
.flaticon-pinterest12:before {
	content: "\e0e6";
}
.flaticon-pinterest13:before {
	content: "\e0e7";
}
.flaticon-plane12:before {
	content: "\e0e8";
}
.flaticon-plant16:before {
	content: "\e0e9";
}
.flaticon-play39:before {
	content: "\e0ea";
}
.flaticon-play40:before {
	content: "\e0eb";
}
.flaticon-play41:before {
	content: "\e0ec";
}
.flaticon-play42:before {
	content: "\e0ed";
}
.flaticon-plus25:before {
	content: "\e0ee";
}
.flaticon-plus26:before {
	content: "\e0ef";
}
.flaticon-plus27:before {
	content: "\e0f0";
}
.flaticon-power27:before {
	content: "\e0f1";
}
.flaticon-printing1:before {
	content: "\e0f2";
}
.flaticon-puzzle12:before {
	content: "\e0f3";
}
.flaticon-qr2:before {
	content: "\e0f4";
}
.flaticon-question22:before {
	content: "\e0f5";
}
.flaticon-question23:before {
	content: "\e0f6";
}
.flaticon-quote2:before {
	content: "\e0f7";
}
.flaticon-reduced:before {
	content: "\e0f8";
}
.flaticon-refresh36:before {
	content: "\e0f9";
}
.flaticon-refresh37:before {
	content: "\e0fa";
}
.flaticon-remove10:before {
	content: "\e0fb";
}
.flaticon-remove11:before {
	content: "\e0fc";
}
.flaticon-renren:before {
	content: "\e0fd";
}
.flaticon-reorder:before {
	content: "\e0fe";
}
.flaticon-reply8:before {
	content: "\e0ff";
}
.flaticon-reply9:before {
	content: "\e100";
}
.flaticon-resize4:before {
	content: "\e101";
}
.flaticon-retweet2:before {
	content: "\e102";
}
.flaticon-rewind25:before {
	content: "\e103";
}
.flaticon-right28:before {
	content: "\e104";
}
.flaticon-right29:before {
	content: "\e105";
}
.flaticon-road16:before {
	content: "\e106";
}
.flaticon-rounded30:before {
	content: "\e107";
}
.flaticon-rss25:before {
	content: "\e108";
}
.flaticon-rss26:before {
	content: "\e109";
}
.flaticon-rupee1:before {
	content: "\e10a";
}
.flaticon-save8:before {
	content: "\e10b";
}
.flaticon-screenshot:before {
	content: "\e10c";
}
.flaticon-search19:before {
	content: "\e10d";
}
.flaticon-share13:before {
	content: "\e10e";
}
.flaticon-share14:before {
	content: "\e10f";
}
.flaticon-share15:before {
	content: "\e110";
}
.flaticon-shield36:before {
	content: "\e111";
}
.flaticon-shopping69:before {
	content: "\e112";
}
.flaticon-sign3:before {
	content: "\e113";
}
.flaticon-sign4:before {
	content: "\e114";
}
.flaticon-signal22:before {
	content: "\e115";
}
.flaticon-sitemap1:before {
	content: "\e116";
}
.flaticon-skype9:before {
	content: "\e117";
}
.flaticon-small143:before {
	content: "\e118";
}
.flaticon-small144:before {
	content: "\e119";
}
.flaticon-smile:before {
	content: "\e11a";
}
.flaticon-sort10:before {
	content: "\e11b";
}
.flaticon-sort11:before {
	content: "\e11c";
}
.flaticon-sort12:before {
	content: "\e11d";
}
.flaticon-sort13:before {
	content: "\e11e";
}
.flaticon-sort14:before {
	content: "\e11f";
}
.flaticon-sort6:before {
	content: "\e120";
}
.flaticon-sort7:before {
	content: "\e121";
}
.flaticon-sort8:before {
	content: "\e122";
}
.flaticon-sort9:before {
	content: "\e123";
}
.flaticon-speech59:before {
	content: "\e124";
}
.flaticon-spinner8:before {
	content: "\e125";
}
.flaticon-square62:before {
	content: "\e126";
}
.flaticon-stack10:before {
	content: "\e127";
}
.flaticon-stack11:before {
	content: "\e128";
}
.flaticon-star60:before {
	content: "\e129";
}
.flaticon-star61:before {
	content: "\e12a";
}
.flaticon-star62:before {
	content: "\e12b";
}
.flaticon-step1:before {
	content: "\e12c";
}
.flaticon-step:before {
	content: "\e12d";
}
.flaticon-stethoscope6:before {
	content: "\e12e";
}
.flaticon-strikethrough1:before {
	content: "\e12f";
}
.flaticon-suitcase24:before {
	content: "\e130";
}
.flaticon-sun32:before {
	content: "\e131";
}
.flaticon-superscript:before {
	content: "\e132";
}
.flaticon-table21:before {
	content: "\e133";
}
.flaticon-tag32:before {
	content: "\e134";
}
.flaticon-tags2:before {
	content: "\e135";
}
.flaticon-tasks:before {
	content: "\e136";
}
.flaticon-telephone65:before {
	content: "\e137";
}
.flaticon-telephone66:before {
	content: "\e138";
}
.flaticon-terminal7:before {
	content: "\e139";
}
.flaticon-text59:before {
	content: "\e13a";
}
.flaticon-text60:before {
	content: "\e13b";
}
.flaticon-text61:before {
	content: "\e13c";
}
.flaticon-text62:before {
	content: "\e13d";
}
.flaticon-thin24:before {
	content: "\e13e";
}
.flaticon-thumbs25:before {
	content: "\e13f";
}
.flaticon-thumbs26:before {
	content: "\e140";
}
.flaticon-thumbs27:before {
	content: "\e141";
}
.flaticon-thumbs28:before {
	content: "\e142";
}
.flaticon-ticket6:before {
	content: "\e143";
}
.flaticon-time7:before {
	content: "\e144";
}
.flaticon-tint:before {
	content: "\e145";
}
.flaticon-trash29:before {
	content: "\e146";
}
.flaticon-trello:before {
	content: "\e147";
}
.flaticon-trophy3:before {
	content: "\e148";
}
.flaticon-tumblr10:before {
	content: "\e149";
}
.flaticon-tumblr11:before {
	content: "\e14a";
}
.flaticon-turkish1:before {
	content: "\e14b";
}
.flaticon-twitter15:before {
	content: "\e14c";
}
.flaticon-twitter16:before {
	content: "\e14d";
}
.flaticon-two121:before {
	content: "\e14e";
}
.flaticon-u1:before {
	content: "\e14f";
}
.flaticon-umbrella16:before {
	content: "\e150";
}
.flaticon-underline2:before {
	content: "\e151";
}
.flaticon-undo5:before {
	content: "\e152";
}
.flaticon-unlink:before {
	content: "\e153";
}
.flaticon-unlock3:before {
	content: "\e154";
}
.flaticon-upload39:before {
	content: "\e155";
}
.flaticon-upload40:before {
	content: "\e156";
}
.flaticon-usd:before {
	content: "\e157";
}
.flaticon-user77:before {
	content: "\e158";
}
.flaticon-user78:before {
	content: "\e159";
}
.flaticon-vertical5:before {
	content: "\e15a";
}
.flaticon-vertical6:before {
	content: "\e15b";
}
.flaticon-video91:before {
	content: "\e15c";
}
.flaticon-vimeo10:before {
	content: "\e15d";
}
.flaticon-vintage27:before {
	content: "\e15e";
}
.flaticon-vk:before {
	content: "\e15f";
}
.flaticon-volume28:before {
	content: "\e160";
}
.flaticon-volume29:before {
	content: "\e161";
}
.flaticon-warning18:before {
	content: "\e162";
}
.flaticon-weibo:before {
	content: "\e163";
}
.flaticon-wheelchair2:before {
	content: "\e164";
}
.flaticon-white66:before {
	content: "\e165";
}
.flaticon-windows20:before {
	content: "\e166";
}
.flaticon-x21:before {
	content: "\e167";
}
.flaticon-xing4:before {
	content: "\e168";
}
.flaticon-xing5:before {
	content: "\e169";
}
.flaticon-yen18:before {
	content: "\e16a";
}
.flaticon-youtube13:before {
	content: "\e16b";
}
.flaticon-youtube14:before {
	content: "\e16c";
}
.flaticon-youtube15:before {
	content: "\e16d";
}
.flaticon-zoom27:before {
	content: "\e16e";
}
.flaticon-zoom28:before {
	content: "\e16f";
}

/* reset  list style */
.cbp-tm-menu,
.cbp-tm-menu ul {
	list-style: none;
}
/* ================================================================================================ */
/* set menu position; change here to set to relative or float, etc. */
.cbp-tm-menu 
{
	direction:rtl;
	display: block;
	position: relative;
	bottom: 0;
	width: 72.25%;
	height: 38px;
	vertical-align:middle;
	font-family: 'DroidSansArabic';
	background: Transparent;
	text-align: right;
	padding: 0;
	margin-right: 375px;
	background: #0d77b6;
            background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #f4ab4c;
            color: #4B0082;
    border:solid 1px #0d77b6;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    
}

/* first level menu items */
.cbp-tm-menu > li {
	display: inline-block;
	position: relative;
	text-align:right;
	border-right:  1px solid #0d77b6; 
	padding-right: 10px;
	margin-left: 40px;
	margin-right: 40px;
	width:200px;
}

.cbp-tm-menu > li:first { border-right: none; }

.cbp-tm-menu > li > a {
	font-size: 16pt;
	text-decoration:none;
	display: block;
	color: #fff;
	width:inherit;
	text-align:right;
	margin-top:5px;
}

.cbp-tm-menu > li > a:hover
{
            color: #fff;
            text-shadow: 0 1px rgba(255,255,255,0.3);
            text-align:right;
            padding:0px;
            width:inherit;
			font-size: 16pt;
			font-weight:bold;
}

.no-touch .cbp-tm-menu > li > a:hover,
.no-touch .cbp-tm-menu > li > a:active {
	color: #02639d;
}

/* sumbenu with transitions */
.cbp-tm-submenu {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;
	padding: 0px;
	text-align: right;
	vertical-align:middle!important;
	pointer-events: none;
	-webkit-transition: visibility 0s, opacity 0s;
	-moz-transition: visibility 0s, opacity 0s;
	transition: visibility 0s, opacity 0s;
	width:auto;
	height:auto;
	background: -moz-linear-gradient(Transparent, Transparent);
    background: -ms-linear-gradient(Transparent, Transparent);
    background: -o-linear-gradient(Transparent, Transparent);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(Transparent), to(Transparent));
    background: -webkit-linear-gradient(Transparent, Transparent);
    background: linear-gradient(Transparent, Transparent);
    color: White;
    border-color:#0d77b6;
    z-index:9999;
}

.cbp-tm-show .cbp-tm-submenu {
	width: auto;
	min-width:200px;
	vertical-align:middle;
	right: 10%;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
	color: White;
}

.cbp-tm-show-above .cbp-tm-submenu {
	bottom: 100%;
	padding-bottom: 0px;
}

.cbp-tm-show-below .cbp-tm-submenu {
	top: 100%;
	padding-top: 10px;
}

/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-right .cbp-tm-submenu {
	right: 0;
	left: auto;
}


/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/

.cbp-tm-submenu:after {
	border: solid transparent;
	content: " ";
	height: 40px;
	width: 300px;
	vertical-align:middle;
	position: absolute;
	pointer-events: none;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: White;
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	top: 100%;
	margin-top: -10px;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	bottom: 100%;
	margin-bottom: -10px;
	
}

.cbp-tm-submenu:after {
	
	border-width: 0px;
	margin-left: 0px;
	left: 0%;
}


.cbp-tm-show-above .cbp-tm-submenu:after {
	border:solid 0px #0d77b6;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	border:solid 0px #0d77b6;
}

.cbp-tm-submenu > li {
	display: block;
	text-align:right;
	border:none;
	width:285px;
	height:40px;
	margin-bottom:0px;
	vertical-align:middle;
	background: #0d77b6;
            background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #0d77b6;
            color: #4B0082;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width:0px!important;
	
}

.cbp-tm-submenu > li > a {
	padding: 0px 0px 0px 0px; /* top/bottom paddings in 'em' cause a tiny "jump" in Chrome on Win */
	display: block;
	vertical-align:middle;
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	text-decoration:none;
	text-align:right;
	height:40px;
	width:285px;
	color:White;
	padding-right: 10px;
	margin-left:0px;
	margin-right:0px;
			background: -moz-linear-gradient(#0d77b6, LightBlue);
            background: -ms-linear-gradient(#0d77b6, LightBlue);
            background: -o-linear-gradient(#0d77b6, LightBlue);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d77b6), to(LightBlue));
            background: -webkit-linear-gradient(#0d77b6, LightBlue);
            background: linear-gradient(#0d77b6, LightBlue);
            border: 1px solid #0d77b6;
            color: #4B0082;
	border-radius: 5px;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding-top: 10px!important;
	padding-bottom: -10px!important;
	margin-bottom: -10px!important;
	margin-top: 11px!important;
}




.no-touch .cbp-tm-submenu > li > a:hover,
.no-touch .cbp-tm-submenu > li > a:active {
	background-color:White;
	width:285px;
	height:40px;
	border:none;
	font-weight:bold;
	color:White;
	font-family: 'DroidSansArabic';
	border: 2px solid #4B0082;
	text-align:right;
	
}

/* the icons (main level menu icon and sublevel icons) */
.cbp-tm-submenu li a:before,
.cbp-tm-menu > li > a:before {
	font-family: 'DroidSansArabic';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	text-decoration:none;
	text-align:right;
	width:300px;
}

.cbp-tm-submenu li a:before {
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 1px;
}

.cbp-tm-menu > li > a:not(:only-child):before {
	content: "\f0c9";
	font-size: 60%;
	opacity: 0.3;
}

/* Media Queries */
@media screen and (max-width: 55.6875em) {
	.cbp-tm-menu {
		font-size: 80%;
	}
}

@media screen and (max-height: 25.25em), screen and (max-width: 44.3125em) {

	.cbp-tm-menu {
		font-size: 100%;
		position: relative;
		text-align:right;
		vertical-align:middle;
		padding: 0;
		top: auto;
	}

	.cbp-tm-menu > li {
		display: block;
		margin-left: 40px;
		margin-right: 40px;
		text-align:right;
		vertical-align:middle;
		text-decoration:none;
	}


	li.cbp-tm-show > a,
	.no-touch .cbp-tm-menu > li > a:hover,
	.no-touch .cbp-tm-menu > li > a:active {
		color: #fff;
		background-color:#0d77b6;
		text-align:right;
	}

	.cbp-tm-submenu {
		position: relative;
		display: none;
		width: 300px;
		border-radius: 15px;
	o-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    border:solid 1px #0d77b6;
	}

	.cbp-tm-submenu > li {
		padding: 0;
		text-decoration:none;
		width:inherit;
		text-align:right;
		
	}

	.cbp-tm-submenu > li > a {
		padding: 0px 0px 0px 0px;
		text-decoration:none;
		text-align:right;
	}

	.cbp-tm-submenu:after {
		display: none;
	}

	.cbp-tm-menu .cbp-tm-show .cbp-tm-submenu {
		display: block;
		width: 300px;
		left: 0;
		margin: 0;
		padding: 0;
		text-align:right;
	}

}
/********** slider **********/
.sliderDetails { margin:0.5% 1% 1% 0.5%; padding:0.5%; width:71.25%; min-height:62.5vh!important;max-height:62.5vh!important;
  box-shadow: 1px 1px 1px #0d77b6!important;
  display:block;
  position:relative;
  top :0%;
  right :15%;
  border:solid 1px #0d77b6;
	border-radius: 15px;
	o-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    overflow:hidden;
          }
          
.slider { margin:0.5% 1% 1% 0.5%; padding:0.5%; width:71.25%; min-height:67.5vh!important;max-height:67.5vh!important;
          box-shadow: 1px 1px 1px #0d77b6!important;
          display:block;
          position:absolute;
			top:0%;
			left:0%;
          		border:solid 1px #0d77b6;
	border-radius: 10px;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow:hidden;
          }
.slider2 { background: #5186b8;  margin:0 auto; padding:0;}
.slider2_resize { width:960px; margin:0 auto; padding:0;}
.slider2_resize h2 { width:150px; float:left; margin:0px 0 0px 0; padding:0; font:bold 30px Arial, Helvetica, sans-serif; color:#fff;}
.slider2_resize p { width:200px; float:left; margin:0px 0 0 0; padding:0px 0 0 0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff;}
/* header_text */
.header_text { margin:0 auto; width:0px; padding:0; height:100%;}
.header_text .div {width:1000px; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:430px;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { float:right; margin:0; padding:0; width:300px;}
.header_text h2 { font:bold 36px  Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 0 20px; margin:0; line-height:1.2em;}
.header_text p { font:normal 12px  Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; margin:0; line-height:1.6em;}
.header_text ul.buttons { float:left; padding:30px 0 10px 10px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 10px; margin:0;}


/* header_text */
.header_text { margin:0 auto; width:auto; padding:0;}
.header_text .div {width:1000px; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:430px;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { float:right; margin:0; padding:0; width:300px;}
.header_text h2 { font:bold 36px  Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 0 20px; margin:0; line-height:1.2em;}
.header_text p { font:normal 12px  Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; margin:0; line-height:1.6em;}
.header_text ul.buttons { float:left; padding:30px 0 10px 10px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 10px; margin:0;}


/********************topi***************/
.top { background: #e9e9e9; border-top:1px solid #fff;}
.topi { width:960px; margin:0 auto; padding:0; background:url(images/bg_top.gif) top no-repeat; height:176px;}
.topi .blogi { width:286px; margin:5px 10px; padding:0; float:left;}
.topi h2 { border:0; font:bold 14px Arial, Helvetica, sans-serif; color:#000; padding:10px 10px; margin:0; border-bottom:1px solid #d8d8d8;}
.topi p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px; margin:0; line-height:1.8em;}
.topi img  { float:left; margin:10px 10px; padding:0;}

/*
=======================================================================================================================================================

Camera Style

=======================================================================================================================================================
*/
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none;
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 100;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 101;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 101;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 100;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 102;
}
.camera_target_content .camera_link {
    background: url(../../images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../../images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 103;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 103;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 104;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	height:40px;  
	width: 100%;
	
}
.camera_caption > div {
	padding: 10px 20px;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 110;
}
.camera_prevThumbs div {
	background: url(../../images/camera_skins.png) no-repeat -160px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 110;
}
.camera_nextThumbs div {
	background: url(../../images/camera_skins.png) no-repeat -190px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 104;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding:0px 0text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 102;
}
.camera_prev {
	left: 0;
}
.camera_prev > span {
	background: url(../../images/camera_skins.png) no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url(../../images/camera_skins.png) no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(../../images/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(../../images/camera_skins.png) no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(../../images/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(../../images/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(../../images/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(../../images/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(../../images/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(../../images/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(../../images/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(../../images/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(../../images/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(../../images/patterns/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
    background: #0d77b6;
    background: -moz-linear-gradient(White, #0d77b6);
    background: -ms-linear-gradient(White, #0d77b6);
    background: -o-linear-gradientWhite, #0d77b6);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(White), to(#0d77b6));
    background: -webkit-linear-gradient(White, #0d77b6);
    background: linear-gradient(White, #0d77b6);
    text-align:right;
    vertical-align:middle;
    direction:rtl;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul.thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: #d8d8d8;
	background: rgba(216, 216, 216, 0.85);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div {
	background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
	background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
	background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
	background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
	background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
	background-position: -120px -160px;
}
/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div {
	background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
	background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
	background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
	background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
	background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
	background-position: -120px -200px;
}
/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div {
	background-position: -160px -240px;
	height: 38.5vh;
	min-height: 38.5vh;
	max-height: 38.5vh;
}
.camera_azure_skin .camera_nextThumbs div {
	background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
	background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
	background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
	background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
	background-position: -120px -240px;
}
/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div {
	background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
	background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
	background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
	background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
	background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
	background-position: -120px -120px;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -40px;
}
/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div {
	background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
	background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
	background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
	background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
	background-position: -120px -280px;
}
/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div {
	background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
	background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
	background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
	background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
	background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
	background-position: -120px -320px;
}
/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div {
	background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
	background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
	background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
	background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
	background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
	background-position: -120px -360px;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
}
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -440px	;
}
/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div {
	background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
	background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
	background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
	background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
	background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
	background-position: -120px -480px	;
}
/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div {
	background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
	background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
	background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
	background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
	background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
	background-position: -120px -520px	;
}
/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div {
	background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
	background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
	background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
	background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
	background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
	background-position: -120px -560px	;
}
/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div {
	background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
	background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
	background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
	background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
	background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
	background-position: -120px -600px	;
}
/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div {
	background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
	background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
	background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
	background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
	background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
	background-position: -120px -640px	;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
	background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
	background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
	background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
	background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
	background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
	background-position: -120px -680px	;
}
/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div {
	background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
	background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
	background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
	background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
	background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
	background-position: -120px -720px	;
}
/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div {
	background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
	background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
	background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
	background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
	background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
	background-position: -120px -760px	;
}
/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div {
	background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
	background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
	background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
	background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
	background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
	background-position: -120px -800px	;
}
/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div {
	background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
	background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
	background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
	background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
	background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
	background-position: -120px -840px	;
}
/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
	background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
	background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
	background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
	background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
	background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
	background-position: -120px -880px	;
}
/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div {
	background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
	background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
	background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
	background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
	background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
	background-position: -120px -920px	;
}
/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div {
	background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
	background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
	background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
	background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
	background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
	background-position: -120px -1080px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -960px	;
}
/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div {
	background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
	background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
	background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
	background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
	background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
	background-position: -120px -1040px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div {
	background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
	background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
	background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
	background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
	background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
	background-position: -120px -1000px	;
}
/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div {
	background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
	background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
	background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
	background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
	background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
	background-position: -120px -1120px	;
}
/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div {
	background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
	background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
	background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
	background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
	background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
	background-position: -120px -1160px	;
}
/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div {
	background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
	background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
	background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
	background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
	background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
	background-position: -120px -1200px	;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div {
	background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
	background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
	background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
	background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
	background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
	background-position: -120px -1240px	;
}


/*
=============================================================================================================================================
Vertical Marquee
=============================================================================================================================================
*/
.SiteContainer{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 99%;
    min-height:65vh!important;
    max-height:65vh!important;
    top:0%;
    right:0%;
    margin:0.5%;
    display:block;
    position:absolute;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     overflow:hidden;
     
}
.footerFacebook2
{
	position:absolute;
	display:block;
	right:1%;
	top:1%;
	font-family: 'DroidSansArabic';
	font-weight: 300;
	font-size:large;
}

.footerFacebook
{
	position:absolute;
	display:block;
	right:12%;
	top:3%;
}


 
.SliderMainText
{
	margin-right:15px;
	font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 80px;    
    border:solid 1px #0d77b6;
    
    
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.SliderMainImage
{
	margin-top:15px;
	margin-bottom:15px;
	margin-right:32vh;
	padding:3px 3px 3px 3px;
	width:930px!Important;
	height:500px!Important;
	border:solid 1px #0d77b6;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


.SliderMainAudio
{
	margin-top:15px;
	margin-bottom:15px;
	margin-right:32vh;
	padding:3px 3px 30px 3px;
	width:935px!Important;
	height:65px!Important;
	border:solid 1px #0d77b6;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.SliderMainVideo
{
	margin-top:15px;
	margin-bottom:15px;
	margin-right:32vh;
	padding:3px 3px 3px 3px;
	width:930px!Important;
	height:500px!Important;
	border:solid 1px #0d77b6;
	o-border-radius: 10px; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.MarqueeContainer{
    font-size: 18px;
    color:  #333;
    padding: 0.5% 0.5% 0.5% 0.5%;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    width: 25%;
    min-height:70vh!important;
    max-height:70vh!important;
    top:0%;
    right:0%;
    margin:0.5%;
    display:block;
    position:absolute;
    box-sizing: border-box;
    border:solid 1px #0d77b6;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     box-shadow: 1px 1px 1px #0d77b6!important;
     overflow:hidden;
}

.paused 
{
   -ms-animation-play-state:paused!important;
   -o-animation-play-state:paused!important;
   -moz-animation-play-state:paused!important;
   -webkit-animation-play-state:paused!important;
    animation-play-state: paused!important;
    box-shadow: 1px 1px 1px #0d77b6!important;
}

.run {
   -ms-animation-play-state:running;
   -o-animation-play-state:running;
   -moz-animation-play-state:running;
   -webkit-animation-play-state:running;
    animation-play-state: running;
}

.container {
    width: 98%;
    height: 90%;
    overflow: hidden;
    padding-right:3%;
    background: white;
    position: relative;
    box-sizing: border-box;
    text-align:justify;
}

.marqimgresize
{
	top: 1%;
    display: inline-block;
    position: relative;
	width:200px;
    height:220px;
	box-sizing: border-box;
    border:solid 0.5px White!important;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #0d77b6!important;   
    margin-right:35px;
    cursor:pointer;
}

.SliderIcon {
    top: 0px!important;
    display: inline;
    position: relative;
    width:25px;
    height:25px;
    box-sizing: border-box;
    border:solid 0.0px;
    margin-left: 10px!important;
    box-shadow: 1px 1px 1px #0d77b6!important;
}


.Imagemarquee {
    top: 1%;
    display: block;
    position: relative;
    width:60px;
    height:60px;
    box-sizing: border-box;
    border:solid 0.5px White!important;
	o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #0d77b6!important;
}
.LoginActiveButton
{
	position:absolute;
	bottom:12%;
	box-sizing: border-box;
    border:solid 1px White!important;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px White!important;	
    width:94%;
    margin:5% 0% 2% 2.5%;
    padding:2% 2% 2% 2%;    
}

.LoginButtons
{
	position:absolute;
	bottom:0.5%;
	box-sizing: border-box;
    border:solid 1px White!important;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px White!important;	
    width:94%;
    margin:5% 1% 2% 2%;
    padding:2% 2% 2% 2%;    
}

.ConfirmMessagesDiv 
{
	display: block;
    position: relative;
    width:94%;
    padding: 2% 2% 2% 2%; 
    font-family: 'DroidSansArabic';
    font-size: 15px;
    font-weight: 300;
    margin:5% 2% 5% 2%;
    overflow: hidden;
    box-sizing: border-box;
    border:solid 1px White!important;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px White!important;	
}
.LoginContainer {
    display: inline-block;
    position: relative;
    width:94%;
    padding: 2% 2% 2% 2%; 
    height:96%!important;
    min-height:96vh;
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 300;
    margin:5% 3% 5% 2%;
    overflow: hidden;
    box-sizing: border-box;
    border:solid 1px White!important;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #White!important;	
    
}


.LoginTextBox 
{
    position: relative;
    padding-right: 5%;
    margin-right: 3%;
    width:250px;
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 300;
    overflow: hidden;
    box-sizing: border-box;
    border:solid 1px White!important;
	o-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #White!important;
}
.marquee {
    top: 1%;
    display: block;
    position: relative;
    width:98%;
    font-family: 'DroidSansArabic';
    font-size: 17px;
    font-weight: 300;
    overflow: hidden;
    box-sizing: border-box;
    -ms-animation: marquee 25s linear infinite;
   -o-animation: marquee 25s linear infinite;
   -moz-animation: marquee 25s linear infinite;
   -webkit-animation: marquee 25s linear infinite;
   animation: marquee 25s linear infinite;
    border:solid 0.5px #0d77b6!important;
	o-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 1px 1px 1px #0d77b6!important;
}
.marquee a 
{
	font-family: 'DroidSansArabic';
    font-size: 18px;
    font-weight: 300;
}
/*
.marquee:hover {
   animation-play-state: paused;
    background-color:White;
    z-index:1;
}
*/


   
/* Make it move! */
@-ms-keyframes marquee {
    0%   { top:   5%; }
    100% { top: -100em; }
}

@-o-keyframes marquee {
    0%   { top:   5%; }
    100% { top: -100em; }
}
@-moz-keyframes marquee {
    0%   { top:   5%; }
    100% { top: -100em; }
}

@-webkit-keyframes marquee {
    0%   { top:   5%; }
    100% { top: -100em; }
}

@keyframes marquee {
    0%   { top:   5em; }
    100% { top: -100em; }
}



/* Make it look pretty */
.microsoft .marquee {
	margin: 0;
    padding: 1em 1em 1em 1em; 
    line-height: 1.5em;
    font-family: 'DroidSansArabic';
    font-weight: 300;
    display:block;
}

.microsoft:before, .microsoft::before,
.microsoft:after,  .microsoft::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%; height: 2em;
    background-image: linear-gradient(180deg, #FFF, rgba(255,255,255,0));
}