/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 14 mars 2017, 14:57:02

    Author     : bouazizi

*/



body {

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

    background-image:url("img/Background-Patterns.jpg");

    background-size: auto auto;

    background-repeat: repeat;

    margin: 0;

   

}

/* Footer */

#footer .copyright {

	margin: 0px;

	text-align: center;

	line-height: 160%;

        width: 65%;

        background-color: #156C94;

        

}

@font-face

{

font-family: khalaad;

src: url(khalaadnoora.woff);

}

@font-face

{

font-family: Nawel;

src: url(Nawel.woff);

}

@font-face

{

font-family: KacstTitle;

src: url('../fonts/KacstTitle.woff');

}

a,a:visited{

	color:#3190D3;

}

a:hover{

	color:#D85724;

}

label{

	display:block;

}

form .d1{

	margin-bottom:10px;

}

.global{

	width:960px;

	height:860px;

	margin:auto;

	background:url(../upload/images/highlight-bg.png) center -500px;

}

.header{

	height:80px;

	position:relative;

	color:#FFF;

	background:url(../upload/images/highlight-bg.png) -200px -100px;

}

.header h2{

	right:550px;

	top:15px;

	position:absolute;

}

.flag{

	position:absolute;

	right:727px;

	top:410px;

}

.tn{

	font-weight:bold;

	right:105px;

	font-size:110%;

	top:17px;

	position:absolute;

}

.min{

	right:105px;

	top:50px;

	position:absolute;

}

.hokoma{

	right:105px;

	top:35px;

	position:absolute;

	font-weight:bold;

}

.middle{

	margin:20px;

	background:#f2f5f7;

	padding:20px;

	margin-top:10px;

	margin-bottom:10px;

	border-radius: 6px;

}

.bottom{

height:200px;

}

.hmenu{

	height:35px;

	margin:0 20px;

	position:relative;

	margin-bottom:10px;

}

.hmenu ul{

	margin:0;

	padding:0;

	height:35px;

}

.hmenu ul li{

	margin:0;

	padding:0;

	float:right;

	list-style:none;

	height:35px;

}

.hmenu ul li a,.hmenu ul li a:visited{

	text-decoration:none;

	font-weight:bold;

	color:#5b636a;

	width:115px;

	display:block;

	text-align:center;

	background:url(../upload/images/bg-body.jpg) repeat-x left -20px;

	height:31px;

	border-radius: 6px;

	padding:2px;

	font-size:12px;

	margin:5px;

}

.hmenu ul li a:hover{

	color:#D85724;

}

.hmenu ul li a.f1,.hmenu ul li a.f1:visited{

	width:260px;

}

.hmenu ul li a.f2,.hmenu ul li a.f2:visited{

	line-height:31px;

}

.l1{

	font-weight:bold;

	color:#0072b6;

	margin-bottom:10px;

}

.red{

	color: #F00;

}

.d1{

	border-bottom:1px solid #c1e3f0;

	padding:10px;

	background:url(../upload/images/bg_d1.jpg) repeat-x;

}



fieldset{

	margin-bottom:20px;

	border-radius: 6px;

	background:#fafcfc;

	border:1px solid #c1e3f0;

	padding-top:10px;

	

}

fieldset legend{

	font-weight:bold;

	color:#D85724;

	font-size:18px;

}

button#calendar-trigger{

	background:url(../upload/images/calendar_view_month.png) no-repeat;

}

input, textarea{

	font-family:Tahoma, Geneva, sans-serif;

	border-radius: 4px;

	border: solid 1px #b4b7b8;

	padding:3px;

	margin-bottom:10px;

}

div.d1:hover{

	background: #FFFFE6;

}

input.submit{

	background:url(../upload/images/btn.jpg) no-repeat;

	width:167px;

	height:38px;

	border:none;

	color:#FFF;

	font-weight:bold;

	line-height:20px;

	font-size:15px;

	cursor:pointer;

	text-align:right;

	padding-right:10px;

}

input.submit:hover{

	background:url(../upload/images/btn_over.jpg) no-repeat;

}

input.input1, textarea,textarea:focus,textarea:hover{

	width:350px;

	background: #FFF repeat-x;

}

select{

	font-family:Tahoma, Geneva, sans-serif;

	border-radius: 4px;

	border: solid 1px #b4b7b8;

	padding:3px;

	margin-bottom:10px;

	background: #FFF repeat-x;

}

textarea:focus,textarea:hover{

	width:350px;

	background:none;

}

.error{

	padding:10px;

	color:#F00;

	background: #FEEBE7;

	border:1px solid #F00;

	font-weight:bold;

}

.error1{

	color:#F00;

	border:1px solid #F00;

}

.btn_fc{

	text-align:center;

}

.btn_fc img{

	margin:0 20px;

	border:none;

}

.bottom{

	height:80px;

	margin:0 20px;

	position:relative;

	background:#dfe3e6;

	padding:10px;

	height:120px;

	border-radius: 6px;

	border-top:2px #ced8e3 solid;

}

.bottom ul{

	margin:0;

	padding:0;

}

.bottom ul li{

	margin:0;

	padding:0;

	float:right;

	list-style:none;

	padding:0 5px; 

	border-left:1px solid #999;

}

.bottom ul li a,.bottom ul li a:visited{

	color: #3190d3;

	text-decoration:none;

	font-size:90%;

}

.bottom ul li a:hover{

	color:#D85724;

}

.copy{

	position:absolute;

	left:260px;

	top:60px;

	font-size:90%;

}

a.facebook,a.facebook:visited{

	position:absolute;

	left:10px;

	top:37px;

}



h1{

	height:70px;

	background:url(../upload/images/h1.jpg) no-repeat;

	padding-right:10px;

	line-height:70px;

	margin-top:0;

	color:#0072b6;

	font-size:20px;

	border-bottom:1px solid #1270a7;

}

.middle h2{

	color:#D85724;

	border-right:5px solid #D85724;

	font-size:130%;

	padding-right:5px;

	border-bottom:1px solid #D85724;

}

.middle h3{

	color:#1270a7;

	border-right:5px solid #1270a7;

	font-size:130%;

	padding-right:5px;

	border-bottom:1px solid #1270a7;

}

h3{

	color:#3190D3;}

span.red1{

	display:block;

	padding:10px;

	color:#F00;

	border:#F00 1px solid;

	background:#fae6e6 url(../upload/images/Error.png) no-repeat 810px;

	padding-right:30px;

	font-weight:bold;

}

.tbl{

	margin:auto;

	border:1px solid #3190D3;

	border-collapse:collapse;

	

}

.tbl td{

	border:1px solid #3190D3;

	padding:5px;

}

.tbl th{

	border:1px solid #3190D3;

	padding:5px;

	color:#3190D3;

}

.faradhia{

	margin:auto;

	width:80%;

	background: #F3F4F6;

	padding:10px;

	border:#CCC 1px solid;

}

#recaptcha_response_field{

	direction:ltr;

}

label.birth{

	display:inline;

}

#f_q2_3,#f_q2_2,#f_q2_1{

	width:auto;

}

h1.h1_f{

	line-height:normal;

	padding-left:200px;

}

fieldset.infosg{

	display:none;

}

.tbl2 td{

	border-bottom:1px solid #CCC;

}









#tt {

 position:absolute;

 display:block;

 background:url(images/tt_left.gif) top left no-repeat;

 }

 #tttop {

 display:block;

 height:5px;

 margin-left:5px;

 background:url(images/tt_top.gif) top right no-repeat;

 overflow:hidden;

 }

 #ttcont {

 display:block;

 padding:2px 12px 3px 7px;

 margin-left:5px;

 background:#1270a7;

 color:#fff;

 }

#ttbot {

display:block;

height:5px;

margin-left:5px;

background:url(images/tt_bottom.gif) top right no-repeat;

overflow:hidden;

}

@font-face {

    font-family: myFirstFont;

    src: url(fonts/jazeera.ttf);

}    



@font-face {

    font-family: 'bein-normal';

    src: url('../fonts/bein-normal.woff') format('woff'),

        url('../fonts/bein-normal.ttf') format('truetype'),

       	url('../fonts/bein-normal.svg#bein-normal') format('svg'),

        url('../fonts/bein-normal.eot'),

        url('../fonts/bein-normal.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }





        @font-face {

        font-family: 'b-sepideh';

        src: url('../fonts/b-sepideh.woff') format('woff'),

        url('../fonts/b-sepideh.ttf') format('truetype'),

       	url('../fonts/b-sepideh.svg#b-sepideh') format('svg'),

        url('../fonts/b-sepideh.eot'),

        url('../fonts/b-sepideh.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }





        @font-face {

        font-family: 'cairo';

        src: url('../fonts/cairo.woff') format('woff'),

        url('../fonts/cairo.ttf') format('truetype'),

       	url('../fonts/cairo.svg#cairo') format('svg'),

        url('../fonts/cairo.eot'),

        url('../fonts/cairo.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }





        @font-face {

        font-family: 'elmessiri';

        src: url('../fonts/elmessiri.woff') format('woff'),

        url('../fonts/elmessiri.ttf') format('truetype'),

       	url('../fonts/elmessiri.svg#elmessiri') format('svg'),

        url('../fonts/elmessiri.eot'),

        url('../fonts/elmessiri.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }





        @font-face {

        font-family: 'mbc';

        src: url('../fonts/mbc.woff') format('woff'),

        url('../fonts/mbc.ttf') format('truetype'),

       	url('../fonts/mbc.svg#mbc') format('svg'),

        url('../fonts/mbc.eot'),

        url('../fonts/mbc.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }





        @font-face {

        font-family: 'sadiyah';

        src: url('../fonts/sadiyah.woff') format('woff'),

        url('../fonts/sadiyah.ttf') format('truetype'),

       	url('../fonts/sadiyah.svg#sadiyah') format('svg'),

        url('../fonts/sadiyah.eot'),

        url('../fonts/sadiyah.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }



        @font-face {

        font-family: 'shahd-bold';

        src: url('../fonts/shahd-bold.woff') format('woff'),

        url('../fonts/shahd-bold.ttf') format('truetype'),

       	url('../fonts/shahd-bold.svg#shahd-bold') format('svg'),

        url('../fonts/shahd-bold.eot'),

        url('../fonts/shahd-bold.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }





        @font-face {

        font-family: 'stc';

        src: url('../fonts/stc.woff') format('woff'),

        url('../fonts/stc.ttf') format('truetype'),

       	url('../fonts/stc.svg#stc') format('svg'),

        url('../fonts/stc.eot'),

        url('../fonts/stc.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }



        @font-face {

        font-family: 'yaraa-regular';

        src: url('../fonts/yaraa-regular.woff') format('woff'),

        url('../fonts/yaraa-regular.ttf') format('truetype'),

       	url('../fonts/yaraa-regular.svg#yaraa-regular') format('svg'),

        url('../fonts/yaraa-regular.eot'),

        url('../fonts/yaraa-regular.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }





        @font-face {

        font-family: 'zahra';

        src: url('../fonts/zahra.woff') format('woff'),

        url('../fonts/zahra.ttf') format('truetype'),

       	url('../fonts/zahra.svg#zahra') format('svg'),

        url('../fonts/zahra.eot'),

        url('../fonts/zahra.woff2') format('woff2');

        font-weight: normal;

        font-style: normal;

        }



        @font-face {

        font-family:"UKIJ-Diwani";

        src:url("../fonts/UKIJDi.eot?") format("eot"),

        url("../fonts/UKIJDi.woff") format("woff"),

        url("../fonts/UKIJDi.ttf") format("truetype"),

        url("../fonts/UKIJDi.svg#UKIJDiwani") format("svg");

        font-weight:normal;

        font-style:normal;

        }





        @font-face {

        font-family: 'AraAssaf-Regular';

        src: url('../fonts/AraAssaf-Regular.eot');

        src: local('☺'), url('../fonts/AraAssaf-Regular.woff') format('woff'), url('../fonts/AraAssaf-Regular.ttf') format('truetype'), url('../fonts/AraAssaf-Regular.svg') format('svg');

        font-weight: normal;

        font-style: normal;

        }









        @font-face{

        font-family: 'ButtonFont';

        src: url('../fonts/BElham.woff');

        }





        @font-face{

        font-family: 'FormTitle';

        src: url('../fonts/FORTE.woff');

        }





        @font-face{

        font-family: 'Label';

        src: url('../fonts/BTabssom.woff');

        }



        @font-face{

        font-family: 'ColLabel';

        src: url('../fonts/AGENCYR.woff');

        }





        @font-face{

        font-family: 'ColData';

        src:url('../fonts/majallab-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */

        url('../fonts/majalla-webfont.woff2') format('woff2'), /* Super Modern Browsers */

        url('../fonts/majalla-webfont.woff') format('woff'), /* Pretty Modern Browsers */

        /*url('webfont.ttf')  format('truetype'),  Safari, Android, iOS */

        url('../fonts/majalla-webfont.svg') format('svg'); /* Legacy iOS */



        }





        @font-face{

        font-family: 'MenuItem';

        src: url('../fonts/BRUSHSCI.woff');

        }



        @font-face{

        font-family: 'Label1';

        src: url('../fonts/AGA_Kaleelah_Regular.woff');

        }





        #dialog-form{

        font-size: 62.5%;

        }



        .Title{

        font-family : FormTitle;

        font-size : 25px;

        color : #0000C9;

        text-shadow: 1px 1px 0px #fff, 3px 3px 0px rgba(0,0,0,0.15);

        margin-top:10px;

        }



        .TitleHeader{

        font-family : FormTitle;

        font-size : 35px;

        color : #0000C9;

        text-shadow: 1px 1px 0px #fff, 3px 3px 0px rgba(0,0,0,0.15);



        }



        .DataError{

        background-color: pink; 

        border: 1px dashed red; 

        color: black;

        }



        .DataLine{

        padding : 5px;

        width : 100%;

        position : relative;

        overflow : hidden;

        }



        .Label{

        /*float : left;*/

        width : 250px;

        /*font-family : myFirstFont;*/

        font-size : 20px;

        font-weight: bold;

        color : #267CB5;

        }







        .Label1{

        /*float : left;*/

        /*width : 250px;*/

        font-family : Label1;

        font-size : 18px;

        font-weight: bold;

        color : #CC5522;

        }









        .Data{

        /*float : left;*/

        font-family : ColData;

        font-size : 20px;

        font-weight: bold;

        color : #000;

        }



        .DataGroup{

        border : 2px solid #888;

        padding : 5px;

        margin : 0px 5px 5px 5px;

        position : relative;





        -moz-box-shadow: 1px 1px 1px 0px #656565;

        -webkit-box-shadow: 1px 1px 1px 0px #656565;

        -o-box-shadow: 1px 1px 1px 0px #656565;

        box-shadow: 1px 1px 1px 0px #656565;

        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);

        -moz-border-radius: 5px;

        -webkit-border-radius: 5px;

        border-radius: 5px;



        align:left;





        }



        .DataGroup th{

        font-family : ColLabel;

        font-size : 20px;

        background-color : #0000C9;

        color : #FFFF99;

        border-left : 1px solid #fff;

        }



        .DataGroup td{

        font-family : ColData;

        font-size : 18px;

        font-style : bold;

        /*border-left : 1px solid #fff;*/

        border-bottom : 1px solid #fff;

        padding : 2px;

        }



        .Help{

        background-image: url('../images/help-icon-32.png');

        background-position : center;

        background-repeat : no-repeat;

        }



        .Minus{

        background-image: url('../images/minus-icon-24.png');

        background-position : center;

        background-repeat : no-repeat;

        }



        .Add{

        background-image: url('../images/plus-icon-24.png');

        background-position : center;

        background-repeat : no-repeat;

        width : 26px;

        }



        .selected{

        /*background-color : #19A319;	*/

        -webkit-box-shadow: 0px 2px 4px #C8FA32;

        -moz-box-shadow: 0px 2px 4px #C8FA32;

        box-shadow: 0px 2px 4px #C8FA32;

        background: #f0f9ff;

        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

        background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */

        background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */

        }



        .Button {

        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

        box-shadow:inset 0px 1px 0px 0px #ffffff;

        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

        background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

        background-color:#ededed;

        -webkit-border-top-left-radius:37px;

        -moz-border-radius-topleft:37px;

        border-top-left-radius:37px;

        -webkit-border-top-right-radius:0px;

        -moz-border-radius-topright:0px;

        border-top-right-radius:0px;

        -webkit-border-bottom-right-radius:37px;

        -moz-border-radius-bottomright:37px;

        border-bottom-right-radius:37px;

        -webkit-border-bottom-left-radius:0px;

        -moz-border-radius-bottomleft:0px;

        border-bottom-left-radius:0px;

        text-indent:0;

        border:1px solid #dcdcdc;

        /*display:inline-block;*/

        color:#777777;

        font-family:Arial;

        font-size:15px;

        font-weight:bold;

        font-style:italic;

        /*height:50px;*/

        /*line-height:50px;*/

        /* width:100px; */

        text-decoration:none;

        text-align:center;

        text-shadow:1px 1px 0px #ffffff;

        vertical-align: middle;

        padding : 10px 15px;

        }

        .Button:after{

        content:  "\0000a0";

        display: inline-block;

        height: 34px;

        width: 34px;

        line-height: 34px;

        margin: 0px 4px -6px -4px;

        position: relative;

        top: 2px;

        /*left: 10px;*/

        }





        .Button:hover {

        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

        background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

        background-color:#dfdfdf;

        }.Button:active {

        position:relative;

        top:1px;

        }



        .BtnLogin{

        font-family : ButtonFont;

        font-size : 16px;



        }



        .BtnLogin:after{

        background: url('../images/Login-in-icon.png');

        background-repeat : no-repeat;

        }



        .BtnLogin:hover:after{

        background: url('../images/Login-in-icon.png');

        background-repeat : no-repeat;

        }







        .BtnSave:before{

        background: url('../images/floppy-bw-32.png');

        background-repeat : no-repeat;

        }



        .BtnSave:hover:before{

        background: url('../images/floppy-32.png');

        background-repeat : no-repeat;

        }



        .BtnDelete:before{

        background: url('../images/eraser-bw-32.png');

        background-repeat : no-repeat;

        }

        .BtnDelete:hover:before{

        background: url('../images/eraser-32.png');

        background-repeat : no-repeat;

        }



        .BtnSearch:before{

        background: url('../images/Search-24.png');

        background-repeat : no-repeat;

        }

        .BtnSearch:hover:before{

        background: url('../images/Search-24.png');

        background-repeat : no-repeat;

        }





        .BtnPrint{

        font-family : ButtonFont;

        font-size : 16px;

        }





        .BtnPrint.Disabled{

        font-family : ButtonFont;

        font-size : 16px;

        color: #808080;

        }





        .BtnPrint:after{

        background: url('img/Print-32.png');

        background-repeat : no-repeat;

        }



        .BtnPrint.Disabled:after{

        background: url('img/print-bw-32.png');

        background-repeat : no-repeat;

        }



        .BtnPrint:hover:after{

        background: url('img/Print-32.png');

        background-repeat : no-repeat;

        }





        .BtnNext{

        font-family : ButtonFont;

        font-size : 15px;



        }

        .BtnNext:after{

        background: url('img/next1-32.png');

        background-repeat : no-repeat;

        }



        .BtnNext:hover:after{

        background: url('img/next1-32.png');

        background-repeat : no-repeat;

        }



        .BtnRegister{

        font-family : ButtonFont;

        font-size : 16px;



        }

        .BtnRegister:after{

        background: url('../images/edit-validated-icon-32.png');

        background-repeat : no-repeat;

        }



        .BtnRegister:hover:after{

        background: url('../images/edit-validated-icon-32.png');

        background-repeat : no-repeat;

        }







        .BtnLogout{

        font-family : ButtonFont;

        font-size : 16px;



        }

        .BtnLogout:after{

        background: url('../images/logout-32.png');

        background-repeat : no-repeat;

        }



        .BtnLogout:hover:after{

        background: url('../images/logout-32.png');

        background-repeat : no-repeat;

        }













        .BtnMainMenu{

        font-family : ButtonFont;

        font-size : 15px;



        }

        .BtnMainMenu:after{

        background: url('img/main-menu-icon-32.png');

        background-repeat : no-repeat;

        }



        .BtnMainMenu:hover:after{

        background: url('img/main-menu-icon-32.png');

        background-repeat : no-repeat;

        }

        .BtnFindNum{

        font-family : ButtonFont;

        font-size : 16px;

        }





        .BtnFindNum.Disabled{

        font-family : ButtonFont;

        font-size : 16px;

        color: #808080;

        }





        .BtnFindNum:after{

        background: url('../images/find-num-icon-32.png');

        background-repeat : no-repeat;

        }



        .BtnFindNum.Disabled:after{

        background: url('../images/find-num-icon-32.png');

        background-repeat : no-repeat;

        }



        .BtnFindNum:hover:after{

        background: url('../images/find-num-icon-32.png');

        background-repeat : no-repeat;

        }



        .Menu{

        position : absolute;

        height : 25px;

        background: #f0f9ff;

        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

        background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */

        background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */

        display : none;

        }



        .Menu ul {

        margin : 0px;

        padding : 0px;

        }

        .Menu li {

        display : inline;

        margin-left : 10px;

        padding-left : 18px;

        background-position : left center;

        font-family:MenuItem;

        font-size : 20px;



        cursor: url("../images/pointer-24.png"), pointer;

        }



        .Menu li:hover {

        position:relative;

        top:2px;

        color:#AD0020;

        }



        .MnDelete{

        background: url('../images/cut-16.png');

        background-repeat : no-repeat;

        }



        .MnAdd{

        background: url('../images/add-16.png');

        background-repeat : no-repeat;

        }

        

        .MnEdit{

        background: url('../images/edit-16.png');

        background-repeat : no-repeat;

        }

        

        .DataPanel{

        padding-left : 30px;

        padding-right : 30px !important;

        text-align:right;

        position: relative;

        width: 90%;

        background: #eee;

        -moz-border-radius: 4px;

        border-radius: 4px;

        color: rgba(0,0,0, .8);

        text-shadow: 0 1px 0 #fff;

        line-height: 1.5;

         margin : 20px auto 10px auto ;

        -moz-box-shadow: 5px 5px 10px 0px #656565;

        -webkit-box-shadow: 5px 5px 10px 0px #656565;

        -o-box-shadow: 5px 5px 10px 0px #656565;

        box-shadow: 5px 5px 10px 0px #656565;

        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);

        }



        .SectionTitle{

        color : #F09400;

        /*text-shadow: 2px 2px 10px rgba(65, 65, 65, 1);*/

        font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

        font-size: 25px;

        font-weight: bold;



        text-shadow:#fff 0px 2px 2px, 0 -2px 2px #000;

        text-align : right;



        margin-top : 15px;

        margin-bottom : 15px;	





        }



     .SectionTitle .Underline{

        width : 100%;

        height : 10px;

        background-color:#eaeaff;





        -moz-border-radius: 4px;

        border-radius: 4px;

        color: rgba(0,0,0, .8);

        text-shadow: 0 1px 0 #fff;

        line-height: 1.5;

        margin: 0px;

        -moz-box-shadow: inset  2px 2px 10px 0px #656565;

        -webkit-box-shadow: inset 2px 2px 10px 0px #656565;

        -o-box-shadow: inset 2px 2px 10px 0px #656565;

        box-shadow: inset 2px 2px 10px 0px #656565;

        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);

        } 



        .SectionHeader {

        background-color:#03D1D1;

        -moz-border-radius: 10px 0 0 10px;

        border-radius:10px  0 0 10px;

        border:1px solid #033;

        padding:3px 10px 3px 20px;

        /*margin:0 2em 0 -1em;*/

        margin: 2em -2em 0 0;

        -webkit-box-shadow:2px 1px 2px #066;

        box-shadow:2px 1px 2px #066;



        background: -webkit-gradient(linear, 0 0, 0 100%, from(#0ff), color-stop(20%,#0cc), color-stop(80%,#099), to(#066));

        background: -moz-linear-gradient(top,#0ff, #0cc 20%, #099 80%,#066 100%);

        background: linear-gradient(#0cc, #099);

        /*font-family:"UKIJ-Diwani";*/

        font-family:'zahra',Sans-Serif;

        }



        .SectionHeader span {

        font-weight:bold;

        font-size:25px;

        color:#eee;

        text-shadow:1px 1px 2px #000;

        }



        .triangle {

        border-style:solid;

        border-color:#066  transparent transparent #066; 

        border-width: 5px 10px 5px 10px;

        width:0px;

        height:0px;

        /*margin-left:-2em;*/

        margin: 0 -28px 0 0;

        }









        .OperationHeader { 

        background-color:#f6f6f0;





        border:1px solid #bf9900;

        /*padding:5px 5px 5px 5px;*/



        margin: 0px -26px 0px -26px;



        -webkit-box-shadow:2px 1px 2px #666;

        box-shadow:2px 1px 2px #666;



        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f0), color-stop(20%,#f0f0e0), color-stop(80%,#f0f0e0), to(#fcffe2));

        background: -moz-linear-gradient(top,#f6f6f0, #f0f0e0 20%, #f0f0e0 80%,#fcffe2 100%);

        background: linear-gradient(#f6f6f0, #fcffe2);



        font-family:'myFirstFont',Sans-Serif;

        font-size:20px;

        color:#000;

        }





        .OperationTriangleRight {

        border-style:solid;

        border-color:#6c6f52  transparent transparent #6c6f52; 

        border-width: 10px 14px 10px 14px;

        width:0px;

        height:0px;

        /*margin-left:-2em;*/

        margin: 0 -28px 0 0;

        float: right;

        }





        .OperationTriangleLeft {

        border-style:solid;

        border-color:  #6c6f52 #6c6f52 transparent transparent; 

        border-width: 10px 14px 10px 14px;

        width:0px;

        height:0px;

        /*margin-left:-2em;*/

        margin: 0 0 0 -27px;

        float: left;



        }



        

        #loading-div-background {

                display:none;

                position:fixed;

                top:0;

                left:0;

                background:black;

                width:100%;

                height:100%;

            }



            #loading-div {

                width: 300px;

                height: 300px;

                /*background-color: #0c0b0b;*/

                background-color: #fff;

                text-align:center;

                position:absolute;

                left: 50%;

                top: 50%;

                margin-left:-150px;

                margin-top: -100px;

            }	

          .tri-down {

                /* Styling block element, not required */

                position: relative;

                margin: 15px;

                margin-bottom: 25px;

                /*padding: 1em;*/

                border-bottom: 1px solid #999;

                /*background: #f3f3f3;*/

                font-family: 'cairo';

                font-size:16px;

                font-weight:bold;

                color:#035800;



            }



            /* Required for Down Triangle */

            .tri-down:before, .tri-down:after {



                content: "";

                position: absolute;

                width: 0;

                height: 0;

                border-style: solid;

                border-color: transparent;

                border-bottom: 0;





            }



            /* Stroke */

            .tri-down:before {

                bottom: -16px;

                right: 21px;



                /* If 1px darken stroke slightly */

                border-top-color: #777;

                border-width: 16px;

            }



            /* Fill */

            .tri-down:after {

                bottom: -15px;

                right: 22px;

                border-top-color: #f3f3f3;

                border-width: 15px;

            }

#info{

    display: block;

    position: relative;

    width: 600px;

    height: 60px;

    margin: 0 auto; padding: 0;

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    background: rgba(242,245,247,1);

    background: -moz-linear-gradient(top, rgba(242,245,247,1) 0%, rgba(233,236,238,1) 47%, rgba(224,227,232,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,245,247,1)), color-stop(47%, rgba(233,236,238,1)), color-stop(100%, rgba(224,227,232,1)));

    background: -webkit-linear-gradient(top, rgba(242,245,247,1) 0%, rgba(233,236,238,1) 47%, rgba(224,227,232,1) 100%);

    background: -o-linear-gradient(top, rgba(242,245,247,1) 0%, rgba(233,236,238,1) 47%, rgba(224,227,232,1) 100%);

    background: -ms-linear-gradient(top, rgba(242,245,247,1) 0%, rgba(233,236,238,1) 47%, rgba(224,227,232,1) 100%);

    background: linear-gradient(to bottom, rgba(242,245,247,1) 0%, rgba(233,236,238,1) 47%, rgba(224,227,232,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f7', endColorstr='#e0e3e8', GradientType=0 );

}



#info:before{

    content: "";

    position: absolute;

    right: 0px;

    border-color: #f2f5f7 #f2f5f7 rgba(224,227,232,1) rgba(224,227,232,1);

    border-style: solid;

    border-width: 0px 20px 20px 0px;

    height: 0px;

    width: 0px;

    display: block;

    -moz-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);

}



#nn{

    background-color : #eeeeee;

    width : 150px;

    height : 35px;

    margin : auto;



    border-left : 1px solid #a5a5a5;

    border-bottom : 1px solid #a5a5a5;

    border-right : 1px solid #a5a5a5;



    position : relative;





}







#nn::before{

    /*-webkit-transform: skew(0deg, 4deg);*/

    transform: skew(0deg, 4deg) ;

    -webkit-transform: skew(0deg, 4deg) ;

    -moz-transform: skew(0deg, 4deg) ;

    -o-transform: skew(0deg, 4deg) ;

    -ms-transform: skew(0deg, 4deg) ;











    /*box-shadow:5px 5px 5px #000;*/

    -moz-box-shadow: 5px 5px 5px 10px #000;

    -webkit-box-shadow: 5px 5px 5px 10px #000;		

    -o-box-shadow: 5px 5px 5px 10px #000;

    box-shadow: 5px 5px 5px 10px #000;

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);





    position:absolute;

    background-color:#000;

    bottom:14px;

    /*right:0;*/

    content:'';

    z-index:-6;

    width:125px;

    height:20%;		

    right:20px;

}

#nn::after{	

    /*-webkit-transform: skew(0deg, -4deg);*/

    transform: skew(0deg, -4deg) ;

    -webkit-transform: skew(0deg, -4deg) ;

    -moz-transform: skew(0deg, -4deg) ;

    -o-transform: skew(0deg, -4deg) ;

    -ms-transform: skew(0deg, -4deg) ;





    /*box-shadow:-5px 5px 5px #000;*/

    -moz-box-shadow: -5px 5px 5px 10px #000;

    -webkit-box-shadow: -5px 5px 5px 10px #000;		

    -o-box-shadow: -5px 5px 5px 10px #000;

    box-shadow: -5px 5px 5px 10px #000;

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=224, Strength=5);





    position:absolute;

    bottom:14px;

    content:'';

    z-index:-5;

    width:125px;

    height:20%;

    background-color:black;

    left:20px;

}











.Separator{

    background: -webkit-linear-gradient(#EDEDED, #D9D9D9); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#EDEDED, #D9D9D9); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#EDEDED, #D9D9D9); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#EDEDED, #D9D9D9); /* Standard syntax */



    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

    font-size: 18px;

    font-style:normal;

    font-weight:bold;

    text-align:right;







    -moz-box-shadow: -3px 3px 3px 0px #cfcfcf;

    -webkit-box-shadow: -3px 3px 3px 0px #9b9b9b;

    -o-box-shadow: -3px 3px 3px 0px #9b9b9b;

    box-shadow: -3px 3px 3px 0px #9b9b9b;

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=225, Strength=3);

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    margin-left: 150px;

    margin-right: 150px;

    text-align:center;

}



.Separator span{

    padding:10px;

    color:#1A6900;

}



.Separator .Line {

    width:100%;

    height : 5px;

    background: -webkit-linear-gradient(left, #DEF0FF ,#42AAFF ); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(right, #DEF0FF, #42AAFF); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(right, #DEF0FF, #42AAFF); /* For Firefox 3.6 to 15 */

    background: linear-gradient(to right , #DEF0FF, #42AAFF); /* Standard syntax */



}



.Separator::before {

    left: -5px;

    top: 167px;

    width: 280px;

    height: 4px;

    background: #aaa;



    border-radius: 140px / 2px;

    box-shadow: 0 0 5px #aaa, 0 0 10px #888, 0 0 15px #666;

}



.Separator::after {

    left: 8px;

    top: 168px;

    width: 255px;

    height: 2px;

    background: #666;



    border-radius: 125px / 1px;

    box-shadow: 0 0 5px #444, 0 0 8px #333, 0 0 10px #666;

}



.gradientDown{

    background: #1e5799; /* Old browsers */

    background: -moz-linear-gradient(bottom, #1e5799 0%, #207cca 0%, #207cca 0%, #024b52 0%, #f2f5f7 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(bottom, #1e5799 0%,#207cca 0%,#207cca 0%,#024b52 0%,#f2f5f7 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to top, #1e5799 0%,#207cca 0%,#207cca 0%,#024b52 0%,#f2f5f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f7', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}





.PageHeader{

	background-image:url("img/bannier2.png");

	background-repeat : no-repeat;

	width : 892px;

	height : 237px;

	margin : auto;

				

	-moz-box-shadow: 5px 5px 5px 0px #656565;

	-webkit-box-shadow: 5px 5px 5px 0px #656565;

	-o-box-shadow: 5px 5px 5px 0px #656565;

	box-shadow: 5px 5px 5px 0px #656565;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}			

			

.TitleHeader{

	background-image:url("../images/TitleHeader.jpg");

	background-repeat : no-repeat;

	width : 916px;

	height : 70px;

	margin : 10px auto 0px auto;

	font-family: 'FormTitle';

	font-size : 26px;

	text-align : center;

}



.SubTitleHeader{

	margin:auto;

	width:916px

}

.LeftCorner{

	width:12px;

	height:12px;

	background-image:url('../images/fold-left.png')

}	



.RightCorner{

	width:12px;

	height:12px;

	background-image:url('../images/fold-right.png')

}			

.Content{

	background-color : #eeeeee;

	width : 180px;

	height : 150px;

	margin : auto;

	padding : 3px;

	border-left : 1px solid #a5a5a5;

	border-bottom : 1px solid #a5a5a5;

	border-right : 1px solid #a5a5a5;

	border-top : 1px solid #a5a5a5;

	

	position : relative;

}

			

.Content::before{

	transform: skew(0deg, 4deg) ;

	-webkit-transform: skew(0deg, 4deg) ;

	-moz-transform: skew(0deg, 4deg) ;

	-o-transform: skew(0deg, 4deg) ;

	-ms-transform: skew(0deg, 4deg) ;



	-moz-box-shadow: 5px 5px 5px 10px #000;

	-webkit-box-shadow: 5px 5px 5px 10px #000;		

	-o-box-shadow: 5px 5px 5px 10px #000;

	box-shadow: 5px 5px 5px 10px #000;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);

				

	position:absolute;

	background-color:#000;

	bottom:14px;

	content:'';

	z-index:-6;

	width:90px;

	height:20%;		

	right:20px;

}



.Content::after{	

	transform: skew(0deg, -4deg) ;

	-webkit-transform: skew(0deg, -4deg) ;

	-moz-transform: skew(0deg, -4deg) ;

	-o-transform: skew(0deg, -4deg) ;

	-ms-transform: skew(0deg, -4deg) ;



	-moz-box-shadow: -5px 5px 5px 10px #000;

	-webkit-box-shadow: -5px 5px 5px 10px #000;		

	-o-box-shadow: -5px 5px 5px 10px #000;

	box-shadow: -5px 5px 5px 10px #000;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=224, Strength=5);



	position:absolute;

	bottom:14px;

	content:'';

	z-index:-5;

	width:90px;

	height:20%;

	background-color:black;

	left:20px;

}



.Sep{

	border-left : 1px solid #a5a5a5;

	border-right : 1px solid #a5a5a5;

}

			

.ButtonGroup{

	background: #f1f1f1; /* Old browsers */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	border: 1px solid #CCC;

	width: 90%;

	text-align: left;

	margin : 20px auto 10px auto;

	padding : 5px 5px 11px 5px;

	

}





  



.Separator{

				background: -webkit-linear-gradient(#EDEDED, #D9D9D9); /* For Safari 5.1 to 6.0 */

	  			background: -o-linear-gradient(#EDEDED, #D9D9D9); /* For Opera 11.1 to 12.0 */

	 			background: -moz-linear-gradient(#EDEDED, #D9D9D9); /* For Firefox 3.6 to 15 */

  				background: linear-gradient(#EDEDED, #D9D9D9); /* Standard syntax */

				

				font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

				font-size: 18px;

				font-style:normal;

				font-weight:bold;

				text-align:right;

			

			

			

				-moz-box-shadow: -3px 3px 3px 0px #cfcfcf;

				-webkit-box-shadow: -3px 3px 3px 0px #9b9b9b;

				-o-box-shadow: -3px 3px 3px 0px #9b9b9b;

				box-shadow: -3px 3px 3px 0px #9b9b9b;

				filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=225, Strength=3);

				-moz-border-radius: 2px;

				-webkit-border-radius: 2px;

				border-radius: 2px;

				margin-left: 150px;

				margin-right: 150px;

				text-align:center;

			}

	

			.Separator span{

				padding:10px;

				color:#1A6900;

			}

	

			.Separator .Line {

				width:100%;

				height : 5px;

				background: -webkit-linear-gradient(left, #DEF0FF ,#42AAFF ); /* For Safari 5.1 to 6.0 */

				background: -o-linear-gradient(right, #DEF0FF, #42AAFF); /* For Opera 11.1 to 12.0 */

				background: -moz-linear-gradient(right, #DEF0FF, #42AAFF); /* For Firefox 3.6 to 15 */

				background: linear-gradient(to right , #DEF0FF, #42AAFF); /* Standard syntax */

				

			}

		

			.Separator::before {

				left: -5px;

				top: 167px;

				width: 280px;

				height: 4px;

				background: #aaa;



				border-radius: 140px / 2px;

				box-shadow: 0 0 5px #aaa, 0 0 10px #888, 0 0 15px #666;

			}



			.Separator::after {

				left: 8px;

				top: 168px;

				width: 255px;

				height: 2px;

				background: #666;

			

				border-radius: 125px / 1px;

				box-shadow: 0 0 5px #444, 0 0 8px #333, 0 0 10px #666;

			}

	





/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 14 mars 2017, 14:32:01

    Author     : bouazizi

*/



@font-face{

	font-family: 'ColTitleFont';

	src: url('../fonts/BJadidBd.woff');

}



.Printable{

	width : 500px;

	/*height : 500px;*/

	background-color : #fff;

}



.Printable td{

	border-bottom : 1px solid #aaa; 

	border-right :  1px solid #aaa; 

	border-left :  1px solid #aaa; 

	padding : 2px;

}



.Printable th{

	border-bottom : 3px solid #aaa; 

	padding : 2px;

	background-color : #aaa;

}







.Message{

	width:200px;

	height:250px;

	top : 300px;

	right : 5px;

	

	position : fixed;

	

	

	overflow: scroll;

	color : #C70024;

	background-color : #ededed;

	

	border : 1px solid #C70024;

	

	-moz-box-shadow: 2px 2px 5px 0px #C70024;

	-webkit-box-shadow: 2px 2px 5px 0px #C70024;

	-o-box-shadow: 2px 2px 5px 0px #C70024;

	box-shadow: 2px 2px 5px 0px #C70024;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#C70024, Direction=134, Strength=5);

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	z-index : 100;

	display:none;

	padding-right : 20px;

	text-align : right;

	

}



.UndoButton{

	background-image : url("../images/Undo-16.png");

	background-repeat : no-repeat;

	width :27px;

	height:100%;

	display: inline-block;

	background-position:center; 

	cursor : pointer;

}

.OkButton{

	background-image : url("../images/Ok-24.png");

	background-repeat : no-repeat;

	width : 27px;

	height:100%;

	display: inline-block;

	background-position:center; 

}



.ErrorButton{

	background-image : url("../images/Error-16.png");

	background-repeat : no-repeat;

	width : 27px;

	height:100%;

	display: inline-block;

	background-position:center; 

}



.FindButton{

	background-image : url("../images/Search-16.png");

	background-repeat : no-repeat;

	width : 27px;

	display: inline-block;

	background-position:center;

	cursor : pointer;	

}



input.Error {

	background-color: pink; 

	border: 1px dashed red; 

	color: white;

}

#TbbNotes tr:nth-child(even) {background: #E1E1E1}

#TbbNotes tr:nth-child(odd) {background: #EFEFEF}

#TbNotes thead tr {

	background: #82C7FF;

	color : #737370;

	/*color: #fff;*/

    text-shadow: 0px 15px 5px rgba(0,0,0,0.1),

                 10px 20px 5px rgba(0,0,0,0.05),

                 -10px 20px 5px rgba(0,0,0,0.05);

	

background: #e2e2e2; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */

background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */

}



#TbNotes thead{

	background:transparent;

}



#TbNotes thead th{

	padding:5px 0px 5px 0px; 

	font-family : ColTitleFont;

	font-size : 20px;

	font-style : normal;

	font-weight : normal;

}

.fixed_headers {

	width: 100%;

	table-layout: fixed;

	border-collapse: collapse;

}

.fixed_headers thead {

	background-color: #333333;

	color: #fdfdfd;

}

		

.fixed_headers thead tr {

	display: block;

	position: relative;

}

		

.fixed_headers tbody tr {

	display: block;

	position: relative;

}



.fixed_headers tbody {

	display: block;

	overflow: auto;

	width: 100%;

	height: 450px;

}

		

.old_ie_wrapper {

	height: 300px;

	width: 750px;

	overflow-x: hidden;

	overflow-y: auto;

}

		

.old_ie_wrapper tbody {

	height: auto;

}



#cntSearch{

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

	-moz-box-shadow: -3px 3px 13px #646666;

	-webkit-box-shadow: -3px 3px 13px #646666;

	box-shadow: -3px 3px 13px #646666;

	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 225, color = '#646666');

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 225, Color = '#646666')";

	/*Shadows look very different in IE (Only cardinal directions supported)*/

	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/

	/*Element should have a background-color*/

	/*All filters must be placed together*/

	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#c9d1d1');

	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/

	/*Element must have a height (not auto)*/

	/*All filters must be placed together*/

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#c9d1d1')";

	/*Element must have a height (not auto)*/

	/*All filters must be placed together*/

	background-image: -moz-linear-gradient(top, #ffffff, #c9d1d1);

	background-image: -ms-linear-gradient(top, #ffffff, #c9d1d1);

	background-image: -o-linear-gradient(top, #ffffff, #c9d1d1);

	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#c9d1d1));

	background-image: -webkit-linear-gradient(top, #ffffff, #c9d1d1);

	background-image: linear-gradient(top, #ffffff, #c9d1d1);

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/

	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/

	background-color:red;

	width:200px; 

	height:35px; 

	right:10px; 

	top:250px; 

	display:table-cell; 

	position:fixed;

	/*padding: 5px 2px 5px 2px;*/

}



/*datepicker*/

/* Main Style Sheet for jQuery UI date picker */

#ui-datepicker-div, .ui-datepicker-div, .ui-datepicker-inline {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 0.8; text-decoration: none; font-size: 100%; list-style: none;

	font-family: Trebuchet MS, Arial, sans-serif;

	background-color: #3e3d3d;

	font-size: 1em;

	border: 1px solid #777777;

	width: 15.9em;

	padding: 2.3em .3em .3em .3em;

	position: relative;

}

#ui-datepicker-div,

.ui-datepicker-div {

	z-index: 9999; /*must have*/

	display: none;

	background: #3e3d3d;

}

.ui-datepicker-inline {

	float: left;

	display: block;	

}

.ui-datepicker-control {

	display: none;

}

.ui-datepicker-current {

	display: none;

}

.ui-datepicker-next, .ui-datepicker-prev {

	position: absolute;

	left: .5em;

	top: .5em;

	background: #444444 url(../images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;

}

.ui-datepicker-next {

	left: 14.6em;

}

.ui-datepicker-next:hover, .ui-datepicker-prev:hover {

	background: #333333 url(../images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;

}

.ui-datepicker-next a,

.ui-datepicker-next label,

.ui-datepicker-prev label,

.ui-datepicker-prev a {

	text-indent: -999999px;

	width: 1.3em;

	height: 1.4em;

	display: block;

	font-size: 1em;

	background: url(../images/eeeeee_7x7_arrow_left.gif) 50% 50% no-repeat;

	border: 1px solid #777777;

	cursor: pointer;

}

.ui-datepicker-next label,

.ui-datepicker-next a {

	background: url(../images/eeeeee_7x7_arrow_right.gif) 50% 50% no-repeat;

}

.ui-datepicker-prev a:hover {

	background: url(../images/ffd40f_7x7_arrow_left.gif) 50% 50% no-repeat;

}

.ui-datepicker-next a:hover {

	background: url(../images/ffd40f_7x7_arrow_right.gif) 50% 50% no-repeat;

}

.ui-datepicker-prev a:active {

	background: url(../images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;

}

.ui-datepicker-next a:active {

	background: url(../images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;

}

.ui-datepicker-header select {

	border: 1px solid #777777;

	color: #cfcfcf;

	background: #444444;

	font-size: 1em;

	line-height: 1.4em;

	position: absolute;

	top: .5em;

	margin: 0 !important;

	

}

.ui-datepicker-header select.ui-datepicker-new-month {

width: 7em;

left: 2.2em;

}

.ui-datepicker-header select.ui-datepicker-new-year {

width: 5em;

left: 9.4em;

}

table.ui-datepicker {

	width: 15.5em;

	text-align: right;

}

table.ui-datepicker td.ui-datepicker-unselectable

{

	padding: .1em .3em .1em 0;

	border: 1px solid transparent;

}

table.ui-datepicker td a {

	padding: .1em .3em .1em 0;

	display: block;

	color: #cfcfcf;

	background: #444444 url(../images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;

	cursor: pointer;

	border: 1px solid #3e3d3d;

}

table.ui-datepicker td a:hover {

	border: 1px solid #444444;

	color: #ffffff;

	background: #333333 url(../images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;

}

table.ui-datepicker td a:active {

	border: 1px solid #841515;

	color: #ffffff;

	background: #841515 url(../images/841515_40x100_textures_02_glass_35.png) 0 50% repeat-x;

}

table.ui-datepicker .ui-datepicker-title-row td {

	padding: .3em 0;

	text-align: center;

	font-size: .9em;

	color: #cfcfcf;

	text-transform: uppercase;

	/*border-bottom: 1px solid #777777;*/

}



table.ui-datepicker .ui-datepicker-title-row td a {

	color: #cfcfcf;

}



table.ui-datepicker td.ui-datepicker-current-day a,

table.ui-datepicker td.selected a

{

	color: black;

	background: #999999 url(../images/999999_40x100_textures_02_glass_25.png) 0 50% repeat-x;

}



table.ui-datepicker td.ui-datepicker-today a

{

	color: black;

	background: #a21111 url(../images/a21111_40x100_textures_02_glass_35.png) 0 50% repeat-x;

}





















/*

Generic ThemeRoller Classes

>> Make your jQuery Components ThemeRoller-Compatible!

*/



/*component global class*/

.ui-component {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;

	font-family: Trebuchet MS, Arial, sans-serif;

	font-size: 1.1em;

}

/*component content styles*/

.ui-component-content {

	border: 1px solid #777777;

	background: #3e3d3d;

	color: #cfcfcf;

}

.ui-component-content a {

	color: #cfcfcf;

	text-decoration: underline;

}

/*component states*/

.ui-default-state {

	border: 1px solid #777777;

	background: #444444 url(../images/444444_40x100_textures_02_glass_25.png) 0 50% repeat-x;

	font-weight: bold;

	color: #cfcfcf !important;

}

.ui-default-state a {

	color: #cfcfcf;

}

.ui-default-state:hover, .ui-hover-state {

	border: 1px solid #444444;

	background: #333333 url(../images/333333_40x100_textures_02_glass_25.png) 0 50% repeat-x;

	font-weight: bold;

	color: #ffffff !important;

}

.ui-hover-state a {

	color: #ffffff;

}

.ui-default-state:active, .ui-active-state {

	border: 1px solid #841515;

	background: #841515 url(../images/841515_40x100_textures_02_glass_35.png) 0 50% repeat-x;

	font-weight: bold;

	color: #ffffff !important;

	outline: none;

}

.ui-active-state a {

	color: #ffffff;

	outline: none;

}

/*icons*/

.ui-arrow-right-default {background: url(../images/eeeeee_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(../images/ffd40f_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(../images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(../images/eeeeee_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(../images/ffd40f_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(../images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(../images/eeeeee_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(../images/fd40f_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(../images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(../images/eeeeee_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(../images/ffd40f_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(../images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(../images/eeeeee_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-close-default:hover, .ui-close-hover {background: url(../images/ffd40f_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-close-default:active, .ui-close-active {background: url(../images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(../images/eeeeee_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(../images/ffd40f_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(../images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(../images/eeeeee_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(../images/ffd40f_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-folder-open-default:active, .ui-folder-open-active {background: url(../images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(../images/eeeeee_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-doc-default:hover, .ui-doc-hover {background: url(../images/ffd40f_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-doc-default:active, .ui-doc-active {background: url(../images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(../images/eeeeee_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(../images/ffd40f_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(../images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(../images/eeeeee_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(../images/ffd40f_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(../images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(../images/eeeeee_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-minus-default:hover, .ui-minus-hover {background: url(../images/ffd40f_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-minus-default:active, .ui-minus-active {background: url(../images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(../images/eeeeee_11x11_icon_plus.gif) no-repeat 50% 50%;}

.ui-plus-default:hover, .ui-plus-hover {background: url(../images/ffd40f_11x11_icon_plus.gif) no-repeat 50% 50%;}

.ui-plus-default:active, .ui-plus-active {background: url(../images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/

.ui-hidden {

	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/

}

.ui-accessible-hidden {

	 position: absolute; left: -99999999px;

}

/*reset styles*/

.ui-reset {

	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;

}

/*clearfix class*/

.ui-clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.ui-clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .ui-clearfix {height: 1%;}

.ui-clearfix {display: block;}

/* End hide from IE-mac */



/* Note: for resizable styles, use the styles listed above in the dialog section */



.vehicleDetail > td:first-child

{

	border-left: solid 1px black;

	border-bottom: solid 1px black;

}



.vehicleDetail > td:last-child 

{

	border-right: solid 1px black;

	border-bottom: solid 1px black;

}



.vehicleDetail > td:last-child > table > tbody > tr > td:last-child

{

	color: White;

}



.showWhenSelected

{	

	visibility: hidden;

}