<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("Font/font.css");
@import url("Icon/api.css");
@import url("stylesheet.css");
@font-face {
  font-family: 'icons';
  src: url('Icon2/IcoMoon.eot?#') format('eot'), 
       url('Icon2/IcoMoon.woff') format('woff'), 
       url('Icon2/IcoMoon.ttf') format('truetype'); 
}

@font-face {
    font-family: 'hacen_saudi_arabiaregular';
    src: url('Ar/hacen_saudi_arabia.eot');
    src: url('Ar/hacen_saudi_arabia.eot?#iefix') format('embedded-opentype'),
         url('Ar/hacen_saudi_arabia.woff') format('woff'),
         url('Ar/hacen_saudi_arabia.ttf') format('truetype'),
         url('Ar/hacen_saudi_arabia.svg#hacen_saudi_arabiaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../Images/wholeBG.png);
	background-repeat: repeat-x;
	background-position: 0px 40px;
}

h1,h2,h3,h4,h5,h6,th,.rgHeader{font-weight: normal;font-family: hacen_saudi_arabiaregular;}

h1{font-size: 22px;color: #728cba;}
h2{font-size: 20px;color: #116cbb;}
h3{font-size: 18px;color: #19306e;}
h4{font-size: 16px;color: #900020;}
h5{font-size: 14px;}
h6{font-size: 12px;}
.MaxW660
{max-width: 660px;}
.MaxW1000
{max-width: 1000px;}
.W10{width: 10%}
.W20{width: 20%}
.W30{width: 30%}
.W40{width: 40%}
.W50{width: 50%}
.W60{width: 60%}
.W70{width: 70%}
.W80{width: 80%}
.W90{width: 90%}
.W100{width: 100%}

.H5{height: 5px;}
.H10{height: 10px;}
.H15{height: 15px;}
.H20{height: 20px;}




.GridWrapperTemp
{
    border: 1px solid #4e75b3;
}
.GridWrapperTemp table
{
    border-spacing: 0;
    width: 100%;
}
.GridWrapperTemp table tr
{
}
.GridWrapperTemp table tr td.Top
{
    line-height: 23px;
    text-align: right;
    color: #FFF;
    font-weight: bold;
	background-image: url(../../admin/Images/GridTemp/GridTop.jpg);
    background-repeat: repeat-x;
}
.GridWrapperTemp table tr td.Top a
{
    color: #FFF;
    text-decoration: none;
}
.GridWrapperTemp table th
{
    line-height: 22px;
    text-align: right;
    color: #FFF;
    font-weight: bold;
	background-image: url(../../admin/Images/GridTemp/GridHeader.jpg);
    background-repeat: repeat-x;
    border-right: 1px solid #829cbf;
}
.GridWrapperTemp table tr td
{
    
    vertical-align: top;
    border-collapse: collapse;
    background-color: #FFF;
    border-bottom: 1px solid #cfd9e7;
    border-left: 1px solid #829cbf;
   
}
.GridWrapperTemp table tr:last-child td
{
    border-bottom: 0px solid #cfd9e7;
   
}
.GridWrapperTemp table tr td:last-child
{
    border-left: 0px solid #829cbf;
   
}
.GridWrapperTemp table tr th:last-child
{
    border-left: 0px solid #829cbf;
   
}


.GridWrapperTempAltRow
{
    border: 1px solid #4e75b3;
}
.GridWrapperTempAltRow table
{
    border-spacing: 0;
    width: 100%;
}
.GridWrapperTempAltRow table tr
{
}
.GridWrapperTempAltRow table tr td.Top
{
    line-height: 23px;
    text-align: right;
    color: #FFF;
    font-weight: bold;
	background-image: url(../../admin/Images/GridTemp/GridTop.jpg);
    background-repeat: repeat-x;
}
.GridWrapperTempAltRow table tr td.Top a
{
    color: #FFF;
    text-decoration: none;
}
.GridWrapperTempAltRow table th
{
        font-family: hacen_saudi_arabiaregular;
    line-height: 22px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
	background-image: url(../../admin/Images/GridTemp/GridHeader.jpg);
    background-repeat: repeat-x;
    border-right: 1px solid #829cbf;
}
.GridWrapperTempAltRow table tr td
{
    padding: 8px;    
    vertical-align: top;
    border-collapse: collapse;
    border-bottom: 1px solid #cfd9e7;
    border-right: 1px solid #829cbf;
   
}
.GridWrapperTempAltRow table tr td img
{
    max-height: 150px;
    max-width: 150px;
}
.GridWrapperTempAltRow table tr:last-child td
{
    border-bottom: 0px solid #cfd9e7;
   
}
.GridWrapperTempAltRow table tr td:last-child
{
    border-left: 0px solid #829cbf;
   
}
.GridWrapperTempAltRow table tr th:last-child
{
    border-left: 0px solid #829cbf;
   
}
.GridWrapperTempAltRow table tr:nth-child(even) {background: #f7f7f7}
.GridWrapperTempAltRow table tr:nth-child(odd) {background: #FFF}




.GridWrapperTemp2
{
    border: 1px solid #4e75b3;
    background-color: #FFF;
}
.GridWrapperTemp2 table
{
    border-spacing: 0px;
    width: 100%;
}
.GridWrapperTemp2 table tr
{
}
.GridWrapperTemp2 table tr td.Top
{
    line-height: 23px;
    text-align: right;
    color: #FFF;
    font-weight: bold;
	background-image: url(../../admin/Images/GridTemp/GridTop.jpg);
    background-repeat: repeat-x;
}
.GridWrapperTemp2 table tr td.Top a
{
    color: #FFF;
    text-decoration: none;
}
.GridWrapperTemp2 table th
{
    line-height: 30px;
    text-align: right;
    color: #FFF;
    font-weight: normal;
    font-size: 20px;
	background-color: #557ab7;
    border-left: 0px solid #829cbf;
}
.GridWrapperTemp2 table tr td
{
    line-height: normal;
    vertical-align: top;
    border-collapse: collapse;
    border-bottom: 0px solid #cfd9e7;
    border-right: 0px solid #829cbf;
   
}
.GridWrapperTemp2 table tr:last-child td
{
    border-bottom: 0px solid #cfd9e7;
   
}
.GridWrapperTemp2 table tr td:last-child
{
    border-left: 0px solid #829cbf;
   
}
.GridWrapperTemp2 table tr th:last-child
{
    border-left: 0px solid #829cbf;
   
}

.Num
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
}


ul.AnyInline
{
    padding: 0 0;
    margin: 0 0;
}
ul.AnyInline li
{
    list-style: none;
    display: inline-block;
    padding: 0 0;
    margin: 0 5px 0 0;
}

.MW100{max-width: 100%;}

.OneLine{white-space: nowrap;}


.CG{color: #669900 !important;}
.Cblue{color: #6698ff;}
.borderBottom{border-bottom: 1px solid #669900;padding-bottom: 5px;}
.body2 {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../Images/wholeBG.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.image_container_BR{border: 1px solid #d6d6d6 !important;padding: 3px;}
.image_Border
{
    width: 150px;
    border: 1px solid #d7d7d7 !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
}
.image_Border2
{
    border: 1px solid #d7d7d7 !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
}

.SubTableHead
{
    text-align: center;
    font-weight: bold;
    background-color: #d7d7d7;
    color: #333333;
    font-family: Arial;
    font-size: 13px;
}
.SubTableRow1
{
    
}
.SubTableText
{
    width: 50%;
}
.SubTableRow2
{
    background-color: #FFF;
}

.Conditions_container
{
    overflow: scroll;width: 700px;height: 300px;margin: 0 auto;padding: 10px;background-color: #f5f5f5;border: 1px solid #e2e2e2;
}


.wrapper
{
    width: 1000px;
    margin: 0 auto;
}

.topBar {
	background-image: url(../Images/TopBar.jpg);
	background-repeat: repeat-x;
	height: 30px;
	padding-top: 10px;
}
.W1000center
{
    width: 1000px;
    margin: 0 auto;
}

#TopLinks ul {
 margin: 0;
 padding: 0;
 width: 550px;
 } 
 #TopLinks ul li
{
    margin: 0;
    padding: 0px 10px 0px 10px;
    border-left: 1px solid #fff;
    list-style: none;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
	direction: rtl;
    white-space: nowrap;
    zoom: 1;
    *display: inline;
}
 #TopLinks ul li.first
{
    margin: 0;
    padding: 0px 0px 0px 5px;
    border-left: 1px solid #fff;
    list-style: none;
    display: inline-block;
    font-size: 11px;
    zoom: 1;
    *display: inline;
}
 #TopLinks ul li a {
    font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
 }
 #TopLinks ul li a:hover {
    font-family: tahoma;
	font-size: 11px;
	color: #6CF;
	text-decoration: underline;
 }
 #TopLinks ul li.lastitems {
	border-left: 0px solid Red;
    display: inline-block;
    zoom: 1;
    *display: inline;
 }
 
 .rightnav
 {
     margin-top: -8px;
 }
 #rightnav ul {
 margin: 0;
 padding: 0;
 display: inline;
 } 
 #rightnav ul li {
 margin: 0;
 padding: 0px 4px 0px 5px;
 list-style: none;
 display: inline;
	font-size: 11px;
    zoom: 1;
    *display: inline;
 }
 #rightnav ul li a {
    font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
 }
 #rightnav ul li a:hover {
    font-family: bold;
	font-size: 11px;
	color: #6CF;
	text-decoration: none;
 }
 
 
.MenuRightnav{}
.MenuRightnav a{width: 32px;height: 32px;display:block;text-decoration:none;margin-right: 10px;}
.MenuRightnavA a
{
    background-image: url(../Images/facebook32x32.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
.MenuRightnavA a:hover
{
    background-image: url(../Images/facebook32x321.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
.MenuRightnavB a
{
    background-image: url(../Images/rss32x32.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
.MenuRightnavB a:hover
{
    background-image: url(../Images/rss32x321.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
.MenuRightnavC a
{
    background-image: url(../Images/Twitter-32x32.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
.MenuRightnavC a:hover
{
    background-image: url(../Images/Twitter-32x321.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
.MenuRightnavD a
{
    background-image: url(../Images/YouTube-32x32.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
.MenuRightnavD a:hover
{
    background-image: url(../Images/YouTube-32x321.png);
    text-decoration: none;
    background-repeat: no-repeat;
}
 


.TopBannerContainer
{
    height:114px;
}
 
 
.Menu{background:#7c7a7b;}
.Menu a{padding: 10px 18px 10px 18px;display:block;text-decoration:none;}
.Menu1{background:#7c7a7b;}
.Menu1 a{padding: 10px 19px 10px 20px;display:block;text-decoration:none;}
.MenuA a{background-color:#333333;color:#FFF;font-family: tahoma;font-size: 12px;font-weight: normal;text-decoration: none;}
.MenuA a:hover{background-color:#669900;}



.MiddleContentBG{background-color: #fafafa;font-family: Tahoma;font-size: 11px;color: #999;}
.MiddleContentBG .container{font-family: Tahoma;font-size: 11px;color: #999;padding: 10px 5px 10px 0;}
.MiddleContentBG .container img{max-width: 100%}
 

.footerBG {
	background-image: url(../Images/FooterBG.jpg);
	background-repeat: repeat-x;
	height: 131px;
}
.Marque {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	direction: rtl;
}
#footer{
	font-family:tahoma;
	font-size:11px;
	color:#666;
	line-height:17px;
}

#footer a{
	font-family:tahoma;
	font-size:11px;
	color:#06F;
	line-height:17px;
	text-decoration: none;
}
#footer a:hover{
	font-family:tahoma;
	font-size:11px;
	color:#00C;
	line-height:17px;
	text-decoration: underline;
}

/* Steps */
/*******************************************************/
.Steps{border-top: 1px solid #d9e6ff;}

.StepsFirst{}
.StepsL
{
    background-image: url('../images/steps/L.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 9px;
    height: 40px;
}
.StepsNum
{
    background-image: url('../images/steps/num.jpg'); 
    background-position: bottom left;
    background-repeat: no-repeat;
    
    background-color:#d9e6ff;height: 30px;
    
    padding: 10px 10px 0 5px;
    display: block;
    width: 16px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}
.StepsArrow
{
    background-image: url('../images/steps/arrow.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 21px;
    height: 40px;
}
.StepsArrowB
{
    background-image: url('../images/steps/arrowB.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 18px;
    height: 40px;
    margin-right: -14px;
}
.StepsR
{
    background-image: url('../images/steps/R.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 7px;
    height: 40px;
}

.StepsLdr
{
    background-image: url('../images/steps/Ldr.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 9px;
    height: 40px;
}
.StepsNumdr
{
    background-image: url('../images/steps/numdr.jpg'); 
    background-position: bottom left;
    background-repeat: no-repeat;
    
    background-color:#6698ff;height: 30px;
    
    padding: 10px 10px 0 5px;
    display: block;
    width: 16px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}
.StepsArrowdr
{
    background-image: url('../images/steps/arrowdr.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 21px;
    height: 40px;
}
.StepsArrowBdr
{
    background-image: url('../images/steps/arrowBdr.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 18px;
    height: 40px;
    margin-right: -14px;
}
.StepsRdr
{
    background-image: url('../images/steps/Rdr.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    width: 7px;
    height: 40px;
}

.StepsLinkDr
{
    background-color: #6698ff;
    height: 33px;
    padding: 6px 0px 0px 0px;
}
.StepsLinkDr a
{
    color: #FFF;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.StepsLinkDr a:hover{color:#333333;}

.StepsLink
{
    background-color: #d9e6ff;
    height: 33px;
    padding: 6px 0px 0px 0px;
}
.StepsLink a{color:#FFF;font-family: Tahoma;font-size: 11px;font-weight: bold;text-decoration: none;}
.StepsLink a:hover{color:#333333;}

/* User Login */
/*******************************************************/
.UserLogin_Wrapper{width: 727px;margin: 0 auto;}
.UserLogin_top{width: 697px;height: 62px;background-image: url('../images/login/bg_top.jpg');background-position: top;background-repeat: no-repeat;font-family: Arial;font-size: 24px;font-weight: bold;color: #FFF;padding: 10px 0 0 30px;}
.UserLogin_bg{width: 707px;min-height: 313px;padding: 10px;background-image: url('../images/login/bg.jpg');background-position: top;background-repeat: repeat-y;}
.UserLogin_columnL{width: 391px;float: left;padding: 10px 28px 0px 28px;}
.UserLogin_bg table.TBLlogincontainer{width: 100%;}
.UserLogin_bg table td{color: #848181;padding: 5px 0 5px 0;}
.UserLogin_bg table td a{color: #0b7d9f;text-decoration: none;}
.UserLogin_bg table td a:hover{color: #0b7d9f;text-decoration: underline;}

.UserLogin_bg table td div.BG_TXTBOX_Password
{
    width: 272px;
    height: 31px;
    background-image: url('../images/login/bg_txtbox_s.png') !important;
    background-position: top left;
    background-repeat: no-repeat;
}
.BG_TXTBOX_Password1
{
    width: 232px !important;
    height: 26px !important;
    background-color:  transparent !important;
	border: 0px solid #f3f3f3 !important;
	padding: 5px 0px 0 0px !important;
	margin: 0px 0px 0 10px !important;
    background-image: none !important;
}

.AnyPasswordTXTbox
{
    background-color: #FBFBFB;
    border: 1px solid #CCC;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    color: #999;
    vertical-align: middle;
    width: 280px;
    background-image: none !important;
}

.UserLogin_bg table td.txtboxL
{
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
    width: 371px;
    height: 21px;
    padding: 10px 10px 0 10px;
    background-color: #f3f3f3;
	border: 0px solid #f3f3f3;
    background-image: url('../images/login/bg_txtbox.jpg');
    background-position: top;
    background-repeat: no-repeat;
}

.UserLogin_bg table td.txtboxS
{
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    color: #000000;
    vertical-align: middle;
    width: 262px;
    height: 21px;
    padding: 10px 10px 0 10px;
    background-color: #f3f3f3;
	border: 0px solid #f3f3f3;
    background-image: url('../images/login/bg_txtbox_s.jpg');
    background-position: top;
    background-repeat: no-repeat;
}
.UserLogin_bottom
{
    width: 727px;
    height: 3px;
    background-image: url('../images/login/bg_bottom.jpg');
    background-position: top;
    background-repeat: no-repeat;
}
.UserLogin_columnC
{
    width: 8px;
    height: 314px;
    float: left;
    background-image: url('../images/login/vsep.jpg');
    background-position: top;
    background-repeat: no-repeat;
}

.UserLogin_columnR{width: 210px;float: left;padding: 0px 0px 0px 28px;}
.UserLogin_empty{width: 591px;padding: 10px 28px 0px 28px;margin: 0 auto;}

/* Login home */
/*******************************************************/
.Login_home_container
{
    background-color: #FFF;
    border-bottom: 1px solid #d9e6e6;
    border-top: 1px solid #d9e6e6;
    height: 96px;
    padding-top: 5px;
    padding-right: 10px;
    min-width: 175px;
}
.Login_home_Name{font-family: hacen_saudi_arabiaregular;font-weight: normal;color: #5f92cf;font-size: 14px;}
.Login_home_Status{font-family: Tahoma;font-weight: normal;color: #7e7e7e;font-size: 12px;}
.Login_home_profile{font-family: Tahoma;font-weight: normal;color: #b1c628;font-size: 11px;text-decoration: none;}
.Login_home_profile a{font-family: Tahoma;font-weight: normal;color: #b1c628;font-size: 11px;text-decoration: none;}
.Login_home_profile:hover{font-family: Tahoma;font-weight: normal;color: #668bb7;font-size: 11px;text-decoration: none;}
.Login_home_ExpiryDate{font-family: Tahoma;font-weight: normal;color: #e92222;font-size: 11px;}
.Login_home_Date{font-family: Tahoma;font-weight: normal;color: #e92222;font-size: 12px;}

.bg_Notifications{width: 25px;height: 20px;color: #FFF;font-weight: bold;font-size: 11px;font-family: Tahoma;text-align: center;
                  background-image: url('../images/icon/bg_notifications.png');
    background-position: top;
    background-repeat: no-repeat;
                  }
.bg_Notifications a{color: #FFF;font-weight: bold;font-size: 11px;font-family: Tahoma;text-align: center;text-decoration: none;}
.bg_Notifications:hover{color: #668bb7;
    text-decoration: none;}

.Login_home_Link
{
    color: #7e7e7e;
    font-size: 11px;
    font-family: Tahoma;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}
.Login_home_Link a
{
    color: #7e7e7e;
    font-size: 11px;
    font-family: Tahoma;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}
.Login_home_Link:hover
{
    color: #7e7e7e;
    text-decoration: none;
}


/* Form */
/*******************************************************/
#FormWrapper
{
    width: 100%;  
}
#FormWrapper table.TBLcontainer
{
    width: 100%;    
}
#FormWrapper table td
{
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    /*color: #669900;*/
}

ul.TBLcontainer_{margin: 0;padding: 0;list-style: none;direction: rtl;}
ul.TBLcontainer_ li{margin: 0;padding: 5px;list-style: none;}

.riTextBox{} .riEnabled{}
.txtbox_clear
{
    background-color: #FBFBFB;
    border: 1px solid #CCC;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    color: #999;
    vertical-align: middle;
    width: 280px;
    background-image: none !important;
}
.any_txtbox
{
    /*background-image: none !important;*/
	border: 1px solid #e1eaed !important;
	padding: 4px 12px 4px 12px !important;
	font-family: tahoma !important;
	font-size: 11px !important;
    color: #999 !important;
    
    width: 305px !important;
    height: 21px !important;
    
    background-image: url(../Images/bg_txtbox.jpg) !important;
    background-repeat: repeat-x !important;
	
	background: rgb(242,249,254) !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjlmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmYwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ) !important; /* IE6-8 */
}
.any_txtboxL
{
    /*background-image: none !important;*/
	border: 1px solid #e1eaed !important;
	padding: 4px 12px 4px 12px !important;
	font-family: tahoma !important;
	font-size: 11px !important;
    color: #999 !important;
    
    width: 550px !important;
    height: 21px !important;
    
    background-image: url(../Images/bg_txtbox.jpg) !important;
    background-repeat: repeat-x !important;
	
	background: rgb(242,249,254) !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjlmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmYwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ) !important; /* IE6-8 */
}
.any_richtxtbox
{
    /*background-image: none !important;*/
	border: 1px solid #e1eaed !important;
	padding: 4px 12px 4px 12px !important;
	font-family: tahoma !important;
	font-size: 11px !important;
    color: #999 !important;
    
    width: 305px !important;
    height: 21px !important;
}
#FormWrapper input[type="text"], input[type='password']{ }

#FormWrapper input[type="submit"], input[Type="button"]
{
    font-family: tahoma !important;
    font-size: 11px !important;
    font-style: normal !important;
    color: #999 !important;
}

.LargeButton
{
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    color: #999 !important;
    vertical-align: middle;
    
	padding: 4px 16px 4px 16px;
    
    border: 1px solid #CCCCCC !important;
    
    background-image: url(../images/bg_gr.jpg) !important;
    background-position: center;
    background-repeat: repeat-x;
    background-color: #FBFBFB !important;
    
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}

.br_R
{
    
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
}




/* Form two*/
/*******************************************************/
#FormWrapperTwo
{
    width: 1000px;    
}
#FormWrapperTwo table.TBLcontainer
{
    width: 100%;    
}
#FormWrapperTwo table td
{
    width: 50%;  
    vertical-align: top;  
}

.Loginbtn
{
    display: block;
    cursor: pointer;
    border: 0px solid #d9e6e6;
    color: #767676;
    font-size: 11px;
    
    background: #fefefe; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fefefe 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */

}
.Loginbtn a
{}



/* Form three*/
/*******************************************************/
#FormWrapperThree table td
{
    width: 50%;    
    vertical-align: top; 
}


/* Popular telerik textbox */
/*******************************************************/
.rtbWrp{}
         
.rtb304{padding: 4px !important;vertical-align: middle !important;border: 1px solid #e1eaed !important;background-image: url('../Images/bg_txtbox.jpg') !important;background-repeat: repeat-x !important;}
         
.rtbnone{background: none !important;background-image: none !important;}
         
.rtb450 {}
         
.rtb304 {}

/* Popular */
/*******************************************************/
.comment{color: Red; font-family:tahoma;}
.comment2{color: Red;border: 1px solid #ccc;margin-top: 2px;padding: 5px;background-color: #f5f5f5;}
.comment3
{
    color: Red;
    border: 1px solid #ccc;
    margin-top: 2px;
    padding: 5px 5px 5px 25px;
    background-color: #f5f5f5;
    background-image: url(../Images/icon/cros.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
.p3{margin-bottom:15px;}	.p3-1{margin-bottom:18px}
.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
.p9{margin-bottom:45px;}	.p9-1{margin-bottom:47px;}
.indent-lr{padding-left:5px; padding-right:4px;}
.indent-top1-1{padding-top:8px;}
.indent-right2{padding-right:9px;}
.indent-left2{padding-left:9px;}
.indent-right12{padding-right:60px;}
.indent-left2{padding-left:9px;}
.indent-bottom4{padding-bottom:20px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom7{padding-bottom:35px;}
.indent-bottom7-1{padding-bottom:38px;}
.indent-bottom8-1{padding-bottom:42px;}
.indent-bottom9-1{padding-bottom:47px;}
.indent-bottom17{padding-bottom:85px;}
.pt0{padding: 10px 0 0 0;}
.pt1{padding: 11px 0 0 0;}
.pt2{padding: 12px 0 0 0;}
.pt3{padding: 13px 0 0 0;}

.mt0-5{margin: 5px 0 0 0;}
.mt0-6{margin: 6px 0 0 0;}
.mt0-7{margin: 7px 0 0 0;}
.mt0-8{margin: 8px 0 0 0;}
.mt0-9{margin: 9px 0 0 0;}

.mt0{margin: 10px 0 0 0;}
.mt1{margin: 11px 0 0 0;}
.mt2{margin: 12px 0 0 0;}
.mt3{margin: 13px 0 0 0;}
.mt4{margin: 14px 0 0 0;}
.mt5{margin: 15px 0 0 0;}
.mt6{margin: 16px 0 0 0;}
.mt7{margin: 17px 0 0 0;}
.Mt8{margin: 18px 0 0 0;}

.PlPr5{padding-left: 5px;padding-right: 5px;}
.PL5{padding-left: 5px;}
.PtPb5{padding-top: 5px;padding-bottom: 5px;}
.MlMr5{margin-left: 5px;margin-right: 5px;}

.clear{clear: both;}
.left{float: left;}
.right{float: right;}

.mCeneter{margin: 0 auto;}

.FZ1{font-size: 11px;}
.FZ2{font-size: 12px;}
.FZ3{font-size: 13px;}
.FZ4{font-size: 14px;}
.FZ5{font-size: 15px;}
.FZ6{font-size: 16px;}
.FZ7{font-size: 17px;}
.FZ8{font-size: 18px;}
.FZ9{font-size: 19px;}
.FZ20{font-size: 20px;}

.FC1{color: #000;}.FCw{color: #fff;}
.FC2{color: #cccccc;}.FC2-1{color: #406692;}
.FC3{color: #e9e4a8;}
.FC4{color: #46584d;}
.FC5{color: #817e3a;}
.FC6{color: #5d5d5d;}
.FC7{color: #979797;}
.FC8{color: #669700;}
.FC9{color: #32557f;}
.FC10{color: #48c4dc;}
.FC11{color: #333333;}
.FC12{color: #464545;}

.bold{font-weight: bold;}.Fitalic{font-style: italic;}

.left{float: left;}
.right{float: right;}

.FA{font-family: Arial;}
.FT{font-family: Tahoma;}
.FG{font-family:"GE Dinar One Medium";}


.TDN{text-decoration: none;}
.TDU{text-decoration: underline;}

img{border: none;}

.link1{text-decoration: none;}
.link1:hover{text-decoration: underline;color: Gray;}

.borderCurved1
{
    border: 1px solid #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f8f8f8;
    min-height: 150px;
}

.HR_sep
{
    border-bottom: 1px dashed #e2e2e2;
    margin: 10px 0px 10px 0px;
    border-bottom-style: dotted;
}

.title
{
    font-family: hacen_saudi_arabiaregular;
    font-size: 18px;
    color: #6698ff;
    font-weight: normal;
    padding: 8px 0 10px 5px;
}
.title2
{
    font-family: Tahoma;
    font-size: 15px;
    color: #6698ff;
    font-weight: normal;
    padding: 8px 0 10px 0px;
}
.title3
{
    font-family: hacen_saudi_arabiaregular;
    font-size: 16px;
    color: #6c9d2a;
    font-weight: normal;
    padding: 8px 0 10px 0px;
}
.title4
{
    font-family: Tahoma;
    font-size: 15px;
    color: #060606;
    font-weight: normal;
    padding: 8px 0 10px 0px;
}



/* Right */
/*******************************************************/
.Right_Column
{
    width: 290px;
    background-color: #f9f9f9;
}
.Right_Column .Block
{
    font-size: 11px;
    margin: 5px 10px 10px 10px;
    background-color: #f7f7f7;
    padding: 5px 12px 5px 12px;
    font-family: Tahoma;
    color: #909090;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

		box-shadow: 0px 1px 3px #f1f1f1;
		-webkit-box-shadow: 0px 1px 3px #f1f1f1;
}
.Right_Column .Block .paragraph{text-align: justify;direction: rtl}
.title_membership
{
    font-weight: bold;
    text-align: right;
    color: #c7db48;
    padding: 5px 40px 5px 0px;
    text-transform: uppercase;
    background-image: url(../images/icons/membership_icon.jpg);
    background-repeat: no-repeat;
    background-position: right;
}
.title_Training
{
    font-weight: bold;
    text-align: right;
    color: #66a7b9;
    padding: 5px 40px 5px 0px;
    text-transform: uppercase;
    background-image: url(../images/icons/training_icon.jpg);
    background-repeat: no-repeat;
    background-position: right;
}
.ReadMore{color: #b7c56e;text-decoration: underline;}
.ReadMore:hover{text-decoration: none;}

.ReadMore_tr{color: #6da0a3;text-decoration: underline;}
.ReadMore_tr:hover{text-decoration: none;}

.Right_Column .adv{padding: 5px 0px 10px 0px;margin: 0 auto;}
.Right_Column .adv img{border: 1px solid #9e9e9e;width: 230px;}


/* WELCOME */
/*******************************************************/
.welcom_title
{
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: right;
    color: #67860f;
    padding: 0px 0 10px 0px;
    text-transform: uppercase;
    text-decoration: underline;
}
.paragraph{text-align: justify;}
.welcom_button
{
    cursor: pointer;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: center;
    color: #66656a;
    text-decoration: none;
    
    text-shadow: 1px 1px 4px #e4e3e8;filter: dropshadow(color=#e4e3e8, offx=1, offy=1);
    
    padding: 5px 15px 5px 15px;
    
    border: 2px solid #c1c1c1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    background: rgb(253,253,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2RlZGRlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JjYmJjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2NiY2FjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(253,253,255,1) 0%, rgba(222,221,226,1) 34%, rgba(188,187,192,1) 50%, rgba(203,202,207,1) 66%, rgba(222,222,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,255,1)), color-stop(34%,rgba(222,221,226,1)), color-stop(50%,rgba(188,187,192,1)), color-stop(66%,rgba(203,202,207,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,253,255,1) 0%,rgba(222,221,226,1) 34%,rgba(188,187,192,1) 50%,rgba(203,202,207,1) 66%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,253,255,1) 0%,rgba(222,221,226,1) 34%,rgba(188,187,192,1) 50%,rgba(203,202,207,1) 66%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,253,255,1) 0%,rgba(222,221,226,1) 34%,rgba(188,187,192,1) 50%,rgba(203,202,207,1) 66%,rgba(222,222,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,253,255,1) 0%,rgba(222,221,226,1) 34%,rgba(188,187,192,1) 50%,rgba(203,202,207,1) 66%,rgba(222,222,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdff', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */

}
.welcom_button:hover
{
    color: #c1c1c1;
    background: none;
}

/* NEWS */
/*******************************************************/
.News_Block
{
    direction: rtl;
    font-size: 11px;
    margin: 10px 0px 0px 0px;
    background-color: #f7f7f7;
    padding: 0px;
    font-family: Tahoma;
    color: #909090;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

		box-shadow: 0px 1px 3px #f1f1f1;
		-webkit-box-shadow: 0px 1px 3px #f1f1f1;
}
.News_Block .container
{
    padding: 5px;
}
.News_Block img
{
    border: 0px solid #f1f1f1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.News_Block .paragraph{text-align: justify;}
.News_Block .news_title 
{
    font-size: 13px;
    font-family: hacen_saudi_arabiaregular;
    font-weight: normal;
    text-align: right;
    color: #67860f;
    padding: 5px 10px 5px 0px;
    text-transform: uppercase;
    background: rgb(246,246,246); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 1%, rgba(221,221,221,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(246,246,246,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 1%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(246,246,246,1) 1%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(246,246,246,1) 1%,rgba(221,221,221,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(246,246,246,1) 1%,rgba(221,221,221,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
}
.News_Block .news_title a
{
    color: #67860f;
}
.News_Block .news_title a:hover
{
    color: #333333;
}

.News_Block .date_news
{
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: right;
    color: #67860f;
    padding: 5px 0 0px 0px;
}
.News_Block .date_newsDetails
{
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: right;
    color: #67860f;
    padding: 5px 10px 5px 0;

}
.subtitlenews
{
    font-size: 13px;
    font-family: hacen_saudi_arabiaregular;
    font-weight: normal;
    text-align: right;
    color: #67860f;
    padding: 5px 0 0px 0px;
}
.subtitlenews:hover{text-decoration: underline;}

.subtitlenewsDetails
{
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: right;
    color: #67860f;
    padding: 5px 10px 5px 10px;
    border: 1px solid #dadada;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    
    background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

/*******************EVENTS************************/


.News_Block .date_Events
{
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    text-align: left;
    color: #2d88be;
    padding: 5px 0 0px 0px;
}
.News_Block .date_EventsDetails
{
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: right;
    color: #2d88be;
    padding: 5px 10px 5px 0;
    text-transform: uppercase;

}
.subtitleEvents
{
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: left;
    color: #2d88be;
    padding: 5px 0 0px 0px;
    text-transform: uppercase;
}
.subtitleEvents:hover{text-decoration: underline;}

.subtitleEventsDetails
{
    text-transform: uppercase;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: left;
    color: #2d88be;
    padding: 5px 10px 5px 10px;
    border: 1px solid #dadada;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    
    background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}


/*******************HomePAGE SLIDER************************/

.Icon_slider{background-color: #ebeaea;}

ol, ul { 
    list-style: none; 
}

a{
	text-decoration:none;
}

.example-wrapper{
	position:relative;
	width:980px;
	height:70px;
	margin:auto;
	margin-top:0px;	

}
/*******************HomePAGE MAIN SLIDER************************/
.slider_main
{
    z-index: -1;
}

.Block_new_Message
{
    font-size: 12px;
    margin: 5px 10px 10px 10px;
    background-color: #f7f7f7;
    padding: 15px 22px 15px 22px;
    font-family: Tahoma;
    color: #909090;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

		box-shadow: 0px 1px 3px #f1f1f1;
		-webkit-box-shadow: 0px 1px 3px #f1f1f1;
}
.Block_Local_New
{
    font-size: 12px;
    margin: 5px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    font-family: Tahoma;
    color: #909090;

    border: 1px solid #f1f1f1;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

		box-shadow: 0px 1px 3px #f1f1f1;
		-webkit-box-shadow: 0px 1px 3px #f1f1f1;
    background-color: #FFF;
}
.Block_Local_New h3 {
    height: 40px;
    margin-bottom: 5px;
}
/*******************New Login************************/
.NewLoginContainer {
	font-family:Arial, Helvetica, sans-serif;
	padding: 90px 0 300px 0;
	width: 660px;
	margin: 0 auto;
	
}
.NewLoginSignin
{
    font-family: Tahoma;    
    direction: rtl;
	width: 280px;
	height: 236px;
	background-color: #eaeaea;
	display:block;
	float:right;
	
}
.NewLoginContainerResetPassword {
	font-family:Tahoma;
	padding: 90px 0 300px 0;
	width: 660px;
	margin: 0 auto;
	
}
.NewLoginResetPassword{
	width: 320px;
	height: 236px;
	background-color: #eaeaea;
	display:block;
	float:right;
	
}
.NewLoginSignUp
{
    direction: rtl;
    width: 275px;
    height: 236px;
    display: block;
    float: right;
    background-color: #939393;
    border-radius: 0 14px 14px 0;
    padding: 0 15px 0 0;
}
.NewLoginContent1{
	padding: 0 18px 0 0;
	display:block; 
	float:right;
}
.NewLoginGoButton{
	float:right;
	background-image: url(../Images/login/Go_Button.png);
	height: 236px;
	width: 90px;
	border:0;
	background-color: #FFF;
	background-repeat: no-repeat;
}
.NewLoginLable1
{
    width: 234px;
    height: 46px;
    padding: 10px 0 0 0;
    color: #30acce;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
    font-family: Arial;
}
.NewLoginLable2{
	width: 234px;
	height: 46px;
    padding: 10px 0 0 0;
    color: #a4e4f5;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
    font-family: Arial;
}

.NewLoginLable3{
	height: 46px;
    padding: 10px 0 0 0;
    color: #30acce;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
    font-family: Calibri;
}

.NewLoginSep1{
	width: 234px;
	background-image: url(../Images/login/White_Sep.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 5px;
}
.NewLoginSep2{
	width: 234px;
	background-image: url(../Images/login/Dark_Sep.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 7px;
}
.NewLoginTitle{
	padding: 8px 0 8px 0;
	font-size:14px;
	color:#62bdd5;

}

.NewLoginTitle a{
	font-size:12px;
	color:#62bdd5;
	text-decoration:underline;

}

.NewLoginTitle a:hover{
	color:#3098B1;
}


.NewLoginTextL{
	padding: 5px 0 6px 0;
	font-size:13px;
	color:#FFF;
	width: 234px;

}

.NewLoginTextL a{
	font-size:14px;
	color:#a4e4f5;
	text-decoration:none;

}

.NewLoginTextL a:hover{
	color:#FFF;
}


.NewLoginUsername
{
    font-family: Tahoma;
	width: 234px;
	background-image: url(../Images/login/userIcon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	border-radius: 7px;
	height: 35px;
	padding: 0 7px 0 0;
	border: solid 1px #dbd8d8;
	color: #999;
}
.NewLoginPassword{
    font-family: Tahoma;
	width: 234px;
	background-image: url(../Images/login/pass_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	border-radius: 7px;
	height: 35px;
	padding: 0 7px 0 0;
	border: solid 1px #dbd8d8;
	color: #999;
}
	
.comment9{
	font-size: 11px;
	color: #F00;
	text-decoration: none;
}

.MyPage-Wrapper{
	width: 600px;
	background-color: #eaeaea;
	border-radius: 14px 14px 14px 14px ;
	padding: 10px 0 0 0;
    border-right: 12px solid #30aed3;
}
.MyPage-Wrapper-Left{
	width: 550px;
}
.MyPage-Wrapper-Right{
	width: 50px;
	background-color: #30aed3;
	border-radius: 14px 0 0 14px;
}


.SignUpTitle{
	width: 540px;
	height: 236px;
	background-color: #eaeaea;
	border-radius: 0 14px 14px 0 ;
	padding: 0 25px 0 0;

}
.SignUpSep1{
	width: 510px;
	background-image: url(../Images/login/White_Sep.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 5px;
}

.SignUpRed{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #E80000;
	text-decoration: none;
}
.SignUpLabel{
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#62bdd5;
}

.SignUpText{
	font-family:Tahoma;
	font-size:12px;
	color:#737373;
}

.NewLoginGoButton2{
	float:right;
	background-image: url(../Images/login/Go_Button2.png);
	height: 300px;
	width: 90px;
	border:0;
	background-color: #FFF;
	background-repeat: no-repeat;
}
.NewLoginSignUp2
{
    direction: rtl;
	width: 230px;
	height: 300px;
	display:block;
	float:right;
	background-color: #939393;
	border-radius: 0 14px 14px 0;
	padding: 0 0 0 15px;
	background-image: url(../Images/login/PasswordForgotten.jpg);
	background-repeat: no-repeat;
}
.NewLoginSignin2
{
    font-family: Tahoma;
    direction: rtl;
	width: 325px;
	height: 300px;
	background-color: #eaeaea;
	display:block;
	float:right;
	
}


.MyPageBigTitle {
	font-family: hacen_saudi_arabiaregular;
	font-size: 20px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

.MyPageBigName {
	color: #30abcd;
	text-decoration: none;
}
.MyPagePhoto {
	width: 90px;
	border-radius: 10px;
}
.MyPageSignout {
	font-family: tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #30abcd;
	text-decoration: none;
}
.MyPageNumber {
	color: #D50000;
	text-decoration: none;
}
.MyPageSignout a {
	text-decoration: none;
	color: #30abcd;
}
.MyPageSignout a:hover{
	color: #b8cf53;
	text-decoration: underline;
}



.myselect_clear
{
    background-color: #FBFBFB;
    border: 1px solid #CCC;
    padding: 4px 12px 4px 12px;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    color: #999;
    vertical-align: middle;
    width: 280px;
    background-image: none !important;
}





.Pages_Row
{
    background-color: #e3eeff;
}
.Pages_AltRow
{
    background-color: #cddfff;
}



.Schedule_Plan_title
{
    font-size: 13px;
    font-family: hacen_saudi_arabiaregular;
    font-weight: normal;
    text-align: left;
    color: #333;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
    background-color: #dbf4ff;
	border-radius: 9px 9px 0 0 ;
}

.Button
{
    cursor: pointer;
    font-family: hacen_saudi_arabiaregular;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    padding: 6px 20px 6px 20px;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #e1eaed;

    background: rgb(242,249,254); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjlmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmYwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-8 */
}
.Button:hover
{
    cursor: pointer;
    
    color: #FFF;

    background-color: #335888;
    background-image: none;
}

.Button_Schedule
{
    cursor: pointer;
    font-family: hacen_saudi_arabiaregular;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    padding: 6px 20px 6px 20px;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #e1eaed;

    background: rgb(242,249,254); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjlmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmYwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-8 */
}
.Button_Schedule a {
    font-family: hacen_saudi_arabiaregular;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}
.Button_Schedule:hover
{
    cursor: pointer;
    
    color: #FFF;

    background-color: #335888;
    background-image: none;
}
.Button_Schedule:hover a,
.Button_Schedule a:hover {
    font-family: hacen_saudi_arabiaregular;
    font-weight: normal;
    /*font-size: 16px;*/
    color: #FFF;
    text-decoration: none;
}



/*Schedule Plan*/
.SchedulePlanYear{
    display: block;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
  font-family: Tahoma;
  font-weight: 300;
  font-size: 13px;
  margin: 0 auto;
  padding: 5px;
  cursor: pointer;
  width: 120px;
  background-color: #92a668;
  border: 1px solid #e0f1c7;
  

	-webkit-box-shadow: 0 3px 0 #768657;
	box-shadow: 0 3px 0 #768657;

  transition: all .3s ease;
}

.SchedulePlanYear:hover 
{
  background-color: #55802e;
  color: #fff;  

	-webkit-box-shadow: 0 3px 0 #92a668;
	box-shadow: 0 3px 0 #92a668;
}

.SchedulePlanMonth{
    display: block;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
  font-family: Tahoma;
  font-weight: 300;
  font-size: 13px;
  margin: 0 auto;
  padding: 5px;
  cursor: pointer;
  width: 120px;
  background-color: #92a668;
  border: 1px solid #e0f1c7;
  

	-webkit-box-shadow: 0 3px 0 #768657;
	box-shadow: 0 3px 0 #768657;

  transition: all .3s ease;
}

.SchedulePlanMonth:hover 
{
  background-color: #55802e;
  color: #fff;  

	-webkit-box-shadow: 0 3px 0 #92a668;
	box-shadow: 0 3px 0 #92a668;
}


.PersentContainer
{
    width: 100%;
    height: 20px;
    background-color: #e1ddda;
	border-radius: 5px 5px 5px 5px ;
}
.PersentColor
{
    height: 20px;
    background-color: #ff991d;
	border-radius: 5px 5px 5px 5px ;
}
.PersentColor2
{
    height: 20px;
    margin: 0 0 -20px 0;
    background-color: #ff0000;
	border-radius: 5px 5px 5px 5px ;
}

.Calender_Container
{
    margin: 10px 0 0 0;
    clear: both;
}
.Calender_Container_Circle
{    
	width: 215px;
	height: 26px;
	text-align: center;
}
.Calender_Container_BG
{    
	width: 203px;
	background-color: #FFF;
	padding: 15px 6px 6px 6px;
	margin: -15px 0 0 0;
    border: 1px solid #e1eaed;
	border-radius: 5px 5px 5px 5px ;
}



.BG_TABLE
{
    background-color: #ededed;
}
.BG_ROW
{
    background-color: #FFF;
}


.ManagamentBorder
{
    text-align: center;
}
.ManagamentBorder.TwoColumnsLine
{
    margin-top: 25px;
    position: relative;
}
.ManagamentBorder.TwoColumnsLine:before
{
    content: '';
    position: absolute;
    top: -20px;
    left: 0 ;
    right: 0;
    width: 50%;
    height: 20px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    z-index: 1;
}
.ManagamentBorder ul {
 margin: 0px 0 0 0;
 padding: 0;
 display: inline;
 } 
.ManagamentBorder ul li {
    width: 30%;
     margin: 0 5px 10px 0;
     padding: 5px 5px 5px 5px;
     list-style: none;
     display: inline-block;
	font-size: 11px;
    border: 1px solid #e1eaed;
	border-radius: 10px 10px 10px 10px ;
    background-color: #f9f9f9;
    zoom: 1;
    *display: inline;
    z-index: 9;
 }
.ManagamentBorder ul li .Name {
     padding: 5px 0px;
     display: block;
 }
.ManagamentBorder.TwoColumnsRight {
    width: 50%;
    text-align: right;
 }
.ManagamentBorder.TwoColumnsRight ul li {
    width: 40%;
 }
.ManagamentBorder ul li.ClearStyle {
    border: 0 solid #e1eaed;
    background-color: transparent;
 }
.ManagamentBorder ul li table {
    width: 100%;
 }
.ManagamentBorder ul li table td img {
    width: 100%;
	border-radius: 10px 10px 10px 10px ;
 }
.ManagamentBorder ul li table td.Name {
 }
.ManagamentBorder ul li .SectionName {
    background-color: #5098c0;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    color: #FFF;
    border-radius: 6px;
    font-size: 14px;
 }
.ManagamentBorder ul li .SectionName2 {
    background-color: #669900;
    display: block;
    padding: 10px;
    margin-bottom: 0px;
    color: #FFF;
    border-radius: 6px;
    font-size: 12px;
 }
.ManagamentBorder ul li a {
    font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
 }
.ManagamentBorder ul li a:hover {
    font-family: bold;
	font-size: 11px;
	color: #6CF;
	text-decoration: none;
 }

.CircleImg {
    border-radius: 50%;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 1px solid #ccc;
 }

.CircleImg2 {
    width: 90px;
    height: 90px;
 }

.CircleImg img {
    width: 100%;
 }

.VerticlalLine100
{
    position: absolute;
    top: -145px;
    left: 0;
    right: 0;
    width: 1px;
    height: 125px;
    margin: 0 auto;
    background-color: #ccc;
    z-index: 1;
}
.VerticlalLine70 {
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    width: 1px;
    height: 70px;
    margin: 0 auto;
    background-color: #ccc;
    z-index: 1;
}


.modalDialog .Block_Local
{
    text-align: center;padding: 10px;
}
.modalDialog .Block_Local h2
{
    font-weight: normal;margin: 10px 0;
}
.modalDialog .Block_Local p
{
    vertical-align: top;text-align: justify;font-size: 12px;line-height: 1.6em;
}


.CourseWrapper_BLOCK
{
    border-radius: 10px 10px 10px 10px ;
    border: 1px solid #587c9a;

    background: rgb(73,144,179); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OTBiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTUxNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(73,144,179,1) 0%, rgba(21,81,115,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,144,179,1)), color-stop(100%,rgba(21,81,115,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,144,179,1) 0%,rgba(21,81,115,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,144,179,1) 0%,rgba(21,81,115,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,144,179,1) 0%,rgba(21,81,115,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,144,179,1) 0%,rgba(21,81,115,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4990b3', endColorstr='#155173',GradientType=0 ); /* IE6-8 */

}
.CourseWrapper_BLOCK_TITLE
{
    font-size: 16px;
    color: #fde728;
    font-weight: normal;
    font-family: hacen_saudi_arabiaregular;
    text-transform: uppercase;
}
.CourseWrapper_BLOCK_SUBTITLE
{
    font-size: 14px;
    font-weight: normal;
    font-family: hacen_saudi_arabiaregular;
    color: #e3e3e3;
}
.CourseWrapper_BLOCK_SUBTITLETWO
{
    font-size: 12px;
    font-weight: normal;
    font-family: hacen_saudi_arabiaregular;
    color: #fde728;
}
.CourseWrapper_BLOCK_SUBTITLETHREE
{
    font-size: 12px;
    font-weight: normal;
    font-family: hacen_saudi_arabiaregular;
    color: #c7db48;
}
.CourseWrapper_BLOCK_BGimg
{
    color: #dadada;
    padding: 10px;
    background-image: url(../images/BG_COURSE_WRAPPER.png);
    background-position: center top;
    background-repeat: no-repeat;

}
.CourseWrapper_BLOCK_BGimg img
{
    border-radius: 5px 5px 5px 5px ;
    border: 1px solid #acacac !important;

}
.GrayButtonBG
{
    font-size: 14px;
    font-weight: normal;
    font-family: hacen_saudi_arabiaregular;
    text-align: center;
    padding: 13px 0 0 0;
    display: block;
    width: 123px;
    height: 38px;
    color: #000;
    background-image: url(../images/GrayButtonBG.png);
    background-position: center top;
    background-repeat: no-repeat;

}
.PageTitIMG
{
    padding: 5px 0 5px 0;
}

.CalenderWrapper
{
    padding: 2px;
    background-color: #efefef;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.CalenderTaps
{
    padding: 0px;
    margin: 10px 10px 0 0;
}
.CalenderTaps  ul 
{
 margin: 0;
 padding: 0;
 display: inline;
 } 
 .CalenderTaps ul li
{
    margin: 0 0 0 2px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline-block;
    float: right;
    zoom: 1;
    *display: inline;
}
 .CalenderTaps ul li .Item
{
    margin: 0;
    padding: 5px 10px;
    font-size: 12px;
    color: #FFF !important;
    font-weight: normal;
    display: block;
    background-color: #52b4e2;
    border: 0;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

 .CalenderTaps ul li .Item:hover
{
    color: #FFF !important;
    background-color: #2573cd;
}
 
 .CalenderTaps ul li input[type=button]
{
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    color: #FFF !important;
    font-weight: normal;
    display: block;
    background-color: #52b4e2;
    border: 0;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

 .CalenderTaps ul li input[type=button]:hover
{
    color: #FFF !important;
    background-color: #2573cd;
}
 .CalenderTaps ul li input[type=button].active
{
    margin: -10px 0 0 0;
    padding: 17px 20px;
    color: #FFF !important;
    line-height: 10px;
    font-size: 16px !important;
    font-family: Arial;
    font-weight: normal;
    background-color: #2573cd !important;

}

.CalenderWrapperIn
{
    padding: 10px 0 0 0;
    border: 0px solid #3e4148;
    background-color: rgba(64,69,73,.1);
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}
.CalenderMonth  ul 
{
 margin: 0;
 padding: 0;
 display: inline;
 } 
 .CalenderMonth ul li
{
    margin: 0 0 0 2px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline-block;
    float: right;
    zoom: 1;
    *display: inline;
}
 .CalenderMonth ul li input[type=button]
{
    margin: 0;
    padding: 4px 7px 4px 7px;
    font-size: 12px;
    color: #FFFFFF !important;
    font-weight: normal;
    display: block;
    background-color: #989998 !important;
    border: 0;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

 .CalenderMonth ul li input[type=button]:hover
{
    color: #FFFFFF !important;
    background-color: #39b54a !important;
}
 .CalenderMonth ul li input[type=button].active
{
    margin: -10px 0 0 0;
    color: #FFFFFF !important;
    line-height: 24px;
    font-size: 14px !important;
    font-family: Arial;
    font-weight: normal;
    background-color: #39b54a !important;

}



 .CalenderDataWrapper
 {
     padding: 10px;
     color: #333;
     border-bottom: 1px solid #FFF;
     background-color: #e7efff;

 }
 .CalenderDataDate
{
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #1d1d1d;
}

 /*Email */
 
        .Email_txt1
        {
            font-size: 16px;font-weight: normal;font-family: hacen_saudi_arabiaregular;color: #0066cc;
        }
        .Email_txt2
        {
            font-size: 14px;font-weight: normal;font-family: hacen_saudi_arabiaregular;color: #000;
        }
        .Email_NormalLinks 
        {
            font-size: 16px;
	        color: #96100d;
	        text-decoration: none;
         }
        .Email_NormalLinks a {
	        color: #000;
	        text-decoration: none;
         }
         .Email_NormalLinks a:hover {
	        color: #0066cc;
	        text-decoration: underline;
         }

         .Email_Block
         {
             padding: 10px;
             background-color: #f6f6f6;
             border: 1px solid #cbcbcb;
             -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
         }
         .Email_BlockCenter
         {
             width: 965px;
             margin: 0 auto;
             padding: 10px;
             background-color: #f6f6f6;
             border: 1px solid #cbcbcb;
             -webkit-border-radius: 10px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
         }
         .Email_Color1
         {
             color: #0066cc;
         }

         .Email_Note
         {
             border-top: 1px dotted #aeaeae;
             margin: 10px 0 10px 0;
             padding: 10px 0 10px 0;
             font-size: 12px;font-weight: normal;font-family: Arial;color: #737373;
         }

.NormalLink
{
    font-size: 14px;font-weight: normal;font-family: hacen_saudi_arabiaregular;color: #a7a7a7;text-decoration: none;
}
.NormalLink:hover
{
    color: #2d88be;text-decoration: none;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}



.Marketing
{
    font-family: hacen_saudi_arabiaregular;
    color: #282828;
font-size: 16px;
font-weight: normal;
text-align: center;
}

.PayNow
{
    color: #b4b4b4;
    font-family: hacen_saudi_arabiaregular;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.PayNow &gt; label
{
    color: #b4b4b4;
    font-family: hacen_saudi_arabiaregular;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.PayNow a
{
    color: #6698ff;
    font-family: hacen_saudi_arabiaregular;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;

}
.PayNow A:hover
{
    color: #6c9d2a;

}





.GridcontainerProposal
{
    background-color: White;
    border: 1px solid #ebebeb;
    margin: 0 auto;
}
.GridcontainerProposal_header
{
    font-weight: normal;
    color: #58bcd6;
    font-family: hacen_saudi_arabiaregular;
    line-height: 20px;
    font-size: 14px;
    border-bottom: 0px solid #989898;
    padding: 6px 0 6px 5px;
    background-color: #dadada;

}
.GridcontainerProposal_row
{
    color: #9651a5;
    background-color: #f2f9fe;
    padding: 4px 0 4px 5px;
}
.GridcontainerProposal_Altrow
{
    color: #9651a5;
    padding: 4px 0 4px 5px;
}
.GridcontainerProposal_Altrow a
{
    color: #6c5684;
    font-weight: bold;
    display: block;
    line-height: 22px;
}
.GridcontainerProposal_Altrow a:hover
{
    color: #6f6424;
}




.PagingWrapper
{
    text-align: center;
    padding: 0;
    margin: 0;
}
.PagingWrapper ul
{
    padding: 0;
    margin: 0;
}
.PagingWrapper ul li
{
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0 2px 0 0;
    line-height: 22px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    width: 22px;
    border: 1px solid #CCC;
    -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;

    background-color: #e1eaed;
    zoom: 1;
    *display: inline;
}
.PagingWrapper ul li:hover
{
    border: 1px solid #e1eaed;
    background-color: #CCC;
    color: #000;

    -webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}



.ArticleSortingTaps
{
    text-align: center;
    padding: 0;
    margin: 0;
}
.ArticleSortingTaps ul
{
    padding: 0;
    margin: 0;
}
.ArticleSortingTaps ul li
{
    display: inline-block;
    padding: 0;
    margin: 0 1px 0 0;
    line-height: 28px;
}
.ArticleSortingTaps ul li a
{
    cursor: pointer;
    display: block;
    padding: 0 4px;
    margin: 0 0px 0 0;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;

    border: 1px solid #CCC;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;

    background-color: #67bbde;
}
.ArticleSortingTaps ul li a.Current
{
    border: 1px solid #e1eaed;

    background-color: #ccc;
}
.ArticleSortingTaps ul li a:hover
{
    color: #000;

    border: 1px solid #e1eaed;

    background-color: #ccc;

    -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.Or
{
    font-family: Arial;
    font-size: 22px;
    color: #999999;
    font-weight: bold;
    text-align: center;
}




.Block_Local
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Tahoma;
    color: #9c9090;
    background-color: #ffffff;
    border: 1px solid #ecf3f8;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

		box-shadow: 0px 1px 3px #f1f1f1;
		-webkit-box-shadow: 0px 1px 3px #f1f1f1;
}
    .Block_Local h3
    {
        font-size: 14px;
        color: #669900;
        text-decoration: none;
        font-weight: normal;
    }
    .Block_Local h3 a
    {
        font-size: 14px;
        color: #669900;
        text-decoration: none;
        font-weight: normal;
    }
    .Block_Local h3 a:hover
    {
        color: #333;
        text-decoration: none;
    }

     h3
    {
        font-size: 14px;
        color: #669900;
        text-decoration: none;
        font-weight: normal;
    }

     .spec
     {
         border-bottom: 1px solid #ececec;
         padding: 5px 0 5px 0;
     }

     .specW
     {
         border-bottom: 1px solid #f0f9fe;
         padding: 5px 0 5px 0;
     }

     .Useful_links_Left
     {
       background-color: rgba(237, 237, 237, 0.9);

        border: 1px solid #d3d3d3;
         -webkit-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
     }
     .Useful_links_Left a
     {
         
     }
     .Useful_links_Left h3
     {
         color: #333;
     }
     .Useful_links_Right
     {
         color: #545454;
       background-color: rgba(255, 255, 255, 0.4);

         border: 1px solid #d3d3d3;
         -webkit-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
     }

     .Icon_Link
     {
         cursor: pointer;
         height: 16px;
         padding: 2px 5px 0 5px;
         text-align: center;
         color: #9c9090; 
         font-size: 13px;
         text-decoration: none;
         font-weight: normal;
         border: 0;
         -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
     }
     .Icon_Link img
     {
         
         border: 0;
         -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
     }
     .Icon_Link:hover
     {
         color: #FFFFFF; 
         text-decoration: none;
         background-color: #fff;
         border: 0;
         -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;

         -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
     }

     /*Css3 Zoom*/
/*Creating a modal window with HTML5 &amp; CSS3*/

	.modalDialog {
		position: fixed;
		font-family: Tahoma;
        color: #335785;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}
	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}
	.modalDialog &gt; div {
		width: 900px;
        height: auto;
		position: relative;
		margin: 10% auto;
		padding: 50px 50px;
		border-radius: 5px;
        border: 1px solid #828282;
		background: #f6f6f6;
	}
	.close {
		background: #6b6b6b;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 5px;
		text-align: center;
		top: 5px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}
	.close:hover { background: #6b6b6b; }

    .MyPopUbTitleContainer
    {
        background-color: #339966;
        border-bottom: 2px solid #000;
        border-top: 2px solid #000;
    }
    .MyPopUbTitle
    {
        color: #FFF;
        font-family: Arial;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }
    .MyPopUbTextWrapper
    {
        background-color: #000;
    }
    .MyPopUbTextRow
    {
        background-color: #FFF;
    }


.AllowedFormat
{
    padding: 10px;
    margin: 10px;    
    background-color: rgba(242,249,254,0.4);
    border: 1px solid #87add0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/**/

.ListImg
{
}
.ListImg li img
{
    max-width: 100%;
    text-align: center
}
.columns3
{
    padding: 0;
    margin: 0;
}
.columns3 li
{
    padding: 0;
    margin: 0;
    display: inline-block;
    float: right;
    width: 33.3%;
}

.columns4
{
    padding: 0;
    margin: 0;
}
.columns4 li
{
    padding: 0;
    margin: 0;
    display: inline-block;
    float: right;
    width: 25%;
}

.columns5
{
    padding: 0;
    margin: 0;
}
.columns5 li
{
    padding: 0;
    margin: 0;
    display: inline-block;
    float: right;
    width: 20%;
}

.columns6
{
    padding: 0;
    margin: 0;
}
.columns6 li
{
    padding: 0;
    margin: 0;
    display: inline-block;
    float: right;
    width: 16.6%;
}


.HomeBlocksNew{
    padding: 0 .2em;
    background-color: #f2f2f2;
}
.HomeBlocksNew li .HomeBlocksNewBlock
{
    padding: 0.4em 0;
    margin: .4em .2em;
    text-align: center;
    background-color: #5098c0;
    position: relative;
}
.HomeBlocksNew li .HomeBlocksNewBlock:hover
{
    background-color: #669900;
}
.HomeBlocksNew li .Seprator
{
    position: relative;
    width: 100%;
    border-bottom: .1em solid #FFF;
}
.HomeBlocksNew li .Seprator img
{
    position: absolute;
    top: -.6em;
    left: 8%;
    z-index: 2;
}
.HomeBlocksNew li .icon::before
{
    
}
.HomeBlocksNew li .title
{
    text-align: center;
    color: #FFF;
    font-size: 0.8em;
    height: 1em;
}
.HomeBlocksNew li .icon
{
    display: block;
    margin: 0.4em 0;
    width: 100%;
    height: 46px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
}
.HomeBlocksNew li .Membership{    background-image: url(../Images/icon_home_new/member.png);}
.HomeBlocksNew li .Training{    background-image: url(../Images/icon_home_new/training.png);}
.HomeBlocksNew li .Expert{    background-image: url(../Images/icon_home_new/Experts.png);}
.HomeBlocksNew li .Magazin{    background-image: url(../Images/icon_home_new/magazin.png);}
.HomeBlocksNew li .Library{    background-image: url(../Images/icon_home_new/library.png);}
.HomeBlocksNew li .Arbitration{    background-image: url(../Images/icon_home_new/Arbitration.png);}


/**/
.HomeDownload
{
    position: fixed;
    bottom: 0;
    left: 20px;
}


.LogoWrapper-sep
{
    padding: 10px 0 0 0;
    clear: both;
}
.LogoWrapper img
{
    max-width: 300px;
}

</pre></body></html>