@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

.fl{float:left;}
.fr{float:right;}
.absolute{ position: absolute; }
body{ 
    background: url('../img-design/mainBG.jpg');
    font-family: 'Roboto', sans-serif!important; 
}

a *{ border: none;text-decoration:none;font-family: 'Roboto', sans-serif; }
* {margin:0; padding:0;font-family: 'Roboto', sans-serif;}


#mainWrapper{ background:url('../img-design/mainBG.jpg'); }
.topHeader{ background:url('../img-design/topBackground.jpg') repeat-x;height: 42px;position: fixed;top: 0;width: 100%;z-index: 2; }
.topHeader h1{ padding: 0 15px;font-family: calibri;color: #A1A1A1;font-size: 23px;letter-spacing: -2px;text-shadow: 1px 2px 6px black; }
/*#content{margin: 28px 40px 0px 280px;color: #6D6D6D;padding: 0px 0px 20px;font-size: 12px;position: relative;}*/
.userIcon{ width: 12px; height: 15px;background: url('../img-design/huser.png');margin: 5px auto; }



body{
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	background: url(../img-design/bg.png);
}
.cb, .clear{
	clear: both;
}
.relative{
	position: relative;
}
#head, #head a.button, #head .search{
	background: url(../img-design/spriteh.png);
}

/*********************************************** CUSTOM CSS ***********************************************************/
.pageHeader{ overflow: hidden; }
.pageHeader .inputWrapper {width: 320px;}
.pageHeader label {color: black;font-size: 16px;}

.box{width:70px;color: #fff;text-align: center;padding: 2px;display: inline-block;}
.red{background:#ab0000!important;}
.blue{background:#000071;}
.orange{background:#a56a00!important;}
.brown{background:#4a0000!important;}

#restricted_user .hide_restrict {
    display: none!important;
}

/*********************************************** HEADER ***********************************************************/
#head{
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	line-height: 40px;
	border: 1px solid #000000;
	color: #AEAEAE;
	/*+text-shadow:0px 1px 0px #000000;*/
	-moz-text-shadow: 0px 1px 0px #000000;
	-webkit-text-shadow: 0px 1px 0px #000000;
	-o-text-shadow: 0px 1px 0px #000000;
	text-shadow: 0px 1px 0px #000000;
	z-index: 99;
}
#head .left{
	position: absolute;
	left: 15px;
	top: 0;
}
#head .right{
	position: absolute;
	top: 0;
	right: 15px;
}
#head a{
	color: #FFFFFF;
	text-decoration: none;
}
#head a:hover{
	text-decoration: underline;
}
#head a.button{
	border: 1px solid #222222;
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin-top: 6px;
	margin: 6px 10px 0px 0px;
	line-height: 32px;
	text-align: center;
	background-position: 0px -40px;
}
#head .logo{
	float:left;
	margin-right: 10px;
}
/** Search Form **/
#head .search{
	display: inline-block;
	position: relative;
	width: 215px;
	height: 25px;
	background-position: 0px -65px;
	margin-top: 5px;
	margin-bottom: 10px;
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #505050;
	vertical-align: middle;
	margin-left: 10px;
}
#head .search input.text{
	position: absolute;
	border: none;
	background: none;
	width: 194px;
	height: 22px;
	line-height: 27px;
	padding: 0 5px;
	color: #CCC;
	/*+text-shadow:0 1px 0px #000;*/
	-moz-text-shadow: 0 1px 0px #000;
	-webkit-text-shadow: 0 1px 0px #000;
	-o-text-shadow: 0 1px 0px #000;
	text-shadow: 0 1px 0px #000;
}
#head .search input.submit{
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	background: url(../img-design/search.png) no-repeat center center;
	border: none;
	cursor: pointer;
	text-indent: 3000px;
	overflow: hidden;
}
#head .search label{
	position: absolute;
	border: none;
	background: none;
	width: 194px;
	height: 22px;
	line-height: 25px;
	padding: 0 5px;
}
/*********************************************** SIDEBAR ***********************************************************/
#sidebar{
	position: fixed;
	z-index: 3;
	top: 42px;
	left: 0;
	bottom: 0;
	width: 240px;
	/*+text-shadow:0px 1px 0px #000000;*/
	-moz-text-shadow: 0px 1px 0px #000000;
	-webkit-text-shadow: 0px 1px 0px #000000;
	-o-text-shadow: 0px 1px 0px #000000;
	text-shadow: 0px 1px 0px #000000;
	background-color: #494949;
	border-right: 1px solid #1B1B1B;
	/*+box-shadow:inset -5px 0 5px #404040;*/
	-moz-box-shadow: inset -5px 0 5px #404040;
	-webkit-box-shadow: inset -5px 0 5px #404040;
	-o-box-shadow: inset -5px 0 5px #404040;
	box-shadow: inset -5px 0 5px #404040;
}
#sidebar>ul>li>a{
	height: 40px;
	line-height: 40px;
	text-indent: 30px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	color: #AAAAAA;
	/*+text-shadow:0px 1px #0D0D0D;*/
	-moz-text-shadow: 0px 1px #0D0D0D;
	-webkit-text-shadow: 0px 1px #0D0D0D;
	-o-text-shadow: 0px 1px #0D0D0D;
	text-shadow: 0px 1px #0D0D0D;
	background: #494949 url(../img-design/arrow.png) no-repeat 96% -5px;
	border-bottom: 1px solid #313131;
	border-top: 1px solid #606060;
}
#sidebar>ul>li>ul>li ul{
	margin-left: 20px;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: none;
}
#sidebar ul li a img{
	vertical-align: text-bottom;
	padding-right: 4px;
	/*+opacity:49%;*/
	filter: alpha(opacity=49);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=49);
	-moz-opacity: 0.49;
	opacity: 0.49;
}
#sidebar ul li:hover a img, #sidebar ul li.current a img{
	/*+opacity:100%;*/
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#sidebar ul li.nosubmenu a{
	background-image: none !important;
}
#sidebar>ul>li:hover>a, #sidebar>ul>li.current>a{
	color: #FFF;
	background-position: 96% -53px !important;
	background-color: #585858;
}
#sidebar ul li ul{
	background: #404040;
	/*+box-shadow:inset 0 0 15px #3A3A3A;*/
	-moz-box-shadow: inset 0 0 15px #3A3A3A;
	-webkit-box-shadow: inset 0 0 15px #3A3A3A;
	-o-box-shadow: inset 0 0 15px #3A3A3A;
	box-shadow: inset 0 0 15px #3A3A3A;
	border-bottom: 1px solid #313131;
	padding: 7px 0px;
}
#sidebar ul li li a{
	height: 28px;
	line-height: 28px;
	text-indent: 52px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	background: transparent url(../img-design/sideli.png) no-repeat 37px 10px;
	color: #949090;
}
#sidebar ul li li a:hover, #sidebar ul li li.current a{
	background-position: 37px -31px;
}
#sidebar a:hover, #sidebar li.current>a{
	color: #FFF !important;
}
#sidebar a#menucollapse{ color:#AAA; display: block; height:40px; line-height: 40px; text-align: right; padding-right: 10px; text-decoration: none; font-style:italic; }
#sidebar a span{ color:#AAA; border: 1px solid #AAA; border-radius:20px; width: 17px; height: 17px; display: inline-block; text-align: left; text-indent: 2px; line-height: 16px;background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.2)); }

.collapsed #sidebar{width: 56px; }
.collapsed #sidebar>ul>li{ position: relative; }
.collapsed #sidebar>ul>li>a{ width: 52px; overflow: hidden; background-image:none!important; text-indent: 17px; -webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
.collapsed #sidebar>ul>li:hover>a{ width: 200px;}
.collapsed #sidebar>ul>li ul{ position: absolute; width: 146px; left:-150px; -webkit-transition:0.5s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s; display: block!important;}
.collapsed #sidebar>ul>li ul ul{ left:0; margin-left: 0px; }
.collapsed #sidebar>ul>li:hover>ul{   overflow: visible; left:56px;  }
.collapsed #sidebar>ul>li ul li a{ text-indent: 10px; background:none; overflow: hidden;}
.collapsed #sidebar>ul>li ul ul li a{ text-indent: 20px; }
.collapsed #sidebar>ul>li ul ul ul li a{ text-indent: 40px; }
.collapsed #content{ margin-left: 90px;}

/*********************************************** CONTENT ***********************************************************/
#content{
    margin: 72px 40px 0px 280px;
    color: #6D6D6D;
    padding: 0px 0px 20px;
    font-size: 12px;
    position: relative;
}
#content.nosidebar{
    margin-left: 40px;
}
#content a{
    color: #6D6D6D;
    text-decoration:none;
}
#content a:hover{
    color: #000000;
    text-decoration: underline;
}
#content em, #content em a{
    font-style: italic;
    color: #B2B2B2;
    font-weight: normal;
}
#content strong{
    font-weight: bold;
    color: #1A1616;
    word-break: break-word;
}
#content pre{
    font-style: italic;
    font-size: 1.1em;
}
#content h1{
    font-family: HattoriHanzoLight;
    color: #000000;
    /*+text-shadow:0px 1px 0px #EDEDED;*/
    -moz-text-shadow: 0px 1px 0px #EDEDED;
    -webkit-text-shadow: 0px 1px 0px #EDEDED;
    -o-text-shadow: 0px 1px 0px #EDEDED;
    text-shadow: 0px 1px 0px #EDEDED;
    font-size: 27px;
    font-weight: normal;
    height: 32px;
    /*padding-top: 35px;*/
    letter-spacing: 1px;
}
#content h1 a{
    color: inherit;
}
#content h1 span{
    font-size: 16px;
}
#content .bloc:first-child{
    margin-top: 30px;
}
#content h1 img{
    vertical-align: top;
}
#content .bloc{
    margin: 20px 0px 0px;
    background-color: #F7F7F7;
    /* overflow: hidden; */
    /*+box-shadow:0px 5px 10px #AFAEAE;*/
    -moz-box-shadow: 0px 5px 10px #AFAEAE;
    -webkit-box-shadow: 0px 5px 10px #AFAEAE;
    -o-box-shadow: 0px 5px 10px #AFAEAE;
    box-shadow: 0px 5px 10px #AFAEAE;
}
#content .left, #content .right{
    width: 49%;
    float: left;
}
#content .right{
    float: right;
}
#content .bloc .title{
    height: 35px;
    position: relative;
    background: url(../img-design/bloctitle.png);
    line-height: 34px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
    color: #808080;
    /*+text-shadow:0 -1px 0px #000;*/
    -moz-text-shadow: 0 -1px 0px #000;
    -webkit-text-shadow: 0 -1px 0px #000;
    -o-text-shadow: 0 -1px 0px #000;
    text-shadow: 0 -1px 0px #000;
}
#content .bloc .title .toggle{
    display: block;
    height: 18px;
    width: 18px;
    background: url(../img-design/slidebuttons.png) left top;
    position: absolute;
    top: 8px;
    right: 10px;
}
#content .bloc .title .toggle.hide{
    background-position: top right;
}
#content .good{
    color: #6F9106;
}
#content .neutral{
    color: #FF7400;
}
#content .bad{
    color: #C21C1C;
}
/*Modal content*/
.modal #content{
    margin: 0;
    padding: 0px;
}
.modal #content .bloc{
    margin: 0px;
    padding: 0px;
    /*+text-shadow:none;*/
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}
/**  Login **/
#content.login{
    width: 350px;
    margin: 90px auto 0;
}
#content.login .notif{
    margin: 12px 0px 16px;
}
#content.login div.input{
    height: 33px;
    line-height: 33px;
    margin-bottom: 13px;
    position: relative;
    /*+border-radius:3px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #1B1B1B;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #0E0D0D;
    border: 1px solid #303030;
    /*+box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.6);*/
    -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
    -o-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
    margin-top: 16px;
}
#content.login div.input input{
    position: absolute;
    top: 0;
    left: 0;
    width: 329px;
    height: 32px;
    background: transparent;
    border: none;
    color: #000;
    padding: 0 10px;
}
#content.login div.input label{
    position: absolute;
    top: 0;
    left: 10px;
    height: 33px;
    line-height: 33px;
    color: #000;
}
#content.login div.submit{
    float: right;
    width: 97px;
    text-align: right;
}
#content.login .checkbox{
    background: none !important;
    /*+box-shadow:none;*/
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}
#content.login div.checkbox{
    float: left;
    width: 229px;
    margin-top: 3px;
}
#content.login div.checkbox label{
    cursor: pointer;
}
#content.login div.submit input{
    /*+box-shadow:0px 2px 5px #202020;*/
    -moz-box-shadow: 0px 2px 5px #202020;
    -webkit-box-shadow: 0px 2px 5px #202020;
    -o-box-shadow: 0px 2px 5px #202020;
    box-shadow: 0px 2px 5px #202020;
}
/**  Texts **/
#content .bloc .content h1{
    color: #000000;
    font-family: Arial, Helvetica, Sans-serif;
    /*+text-shadow:none;*/
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    margin: 0px;
    padding: 10px 0;
    font-weight: bold;
}
#content .bloc .content h1, #content .bloc .content h2, #content .bloc .content h3, #content .bloc .content h4, #content .bloc .content h5{
    color: #000000;
    font-weight: bold;
    padding: 0 0px 5px;
}
#content .bloc .content h2{
    color: #1B1B1B;
    font-size: 25px;
}
#content .bloc .content h3{
    color: #282828;
    font-size: 22px;
}
#content .bloc .content h4{
    color: #404040;
    font-size: 20px;
}
#content .bloc .content h5{
    color: #5A5656;
    font-size: 18px;
}
#content .bloc .content p{
    padding: 5px 0 10px;
    line-height: 1.5em;
}
#content .bloc .content ul, #content .bloc .content ol{
    list-style: disc;
    line-height: 1.5em;
    padding: 5px 0 10px;
}
#content .bloc .content ul.toolbar{
    padding: 3px 0px 0px 3px;
    margin: 0px;
    border: 0;
}
#content .bloc .content ul.toolbar li:hover{
    border: 1 solid #FFFFFF;
    background-color: #D9D6D6;
}
#content .wysiwyg{
    margin: 1px;
    padding: 0px;
}
#content .bloc .content ol{
    list-style: decimal;
}
#content .bloc .content{
    padding: 10px;
    background-color: #F7F7F7;
    background-color: #F7F7F7;
    position: relative;
}

#content .loader{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    background:url(../img-design/loader.gif) center center no-repeat rgba(255,255,255,0.7);
    z-index:1;
}
/**  Tabs **/
#content .title .tabs{
    position: absolute;
    bottom: 0;
    right: 10px;
    height: 31px;
}
#content .title .tabs a{
    padding: 1px 21px 0;
    /*+border-radius:6px 6px 0 0;*/
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: normal;
    color: #B2B2B2;
    text-decoration: none;
    margin: 5px 0 0px 0px;
}
#content .title .tabs a.active, #content .title .tabs a:hover{
    color: #000;
    border: 1px solid #CFD1D4;
    border-bottom: none;
    background-color: #F7F7F7;
    padding: 0 20px;
    /*+text-shadow:none;*/
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}
/** Shortcuts**/
#content .center{
    margin: 0 auto;
}
#content .bloc .shortcut{
    width: 105px;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    /*+border-radius:3px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    margin: 5px;
    color: #6D6D6D;
    border: 1px solid #D0D2D4;
    position: relative;
    display: inline-block;
}
#content .bloc .shortcut span{
    color: #FFFFFF;
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 23px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: normal;
    background: url(../img-design/notif.png);
}
#content .bloc .shortcut:hover{
    color: #2D2D2D;
    border: 1px solid #6F7275;
    background-color: #DBDCDE;
}
#content .bloc .shortcut img{
    display: block;
    margin: 0 auto 10px;
    max-width: 48px;
    max-height: 48px;
}
/** Table **/
#content table{
    width: 100%;
    text-align: left;
}
#content table .picture img{
    border: 4px solid #DFDFDF;
    margin: 7px;
    padding: 0px;
}
#content table .picture a:hover img{
    border-color: #BDBDBD;
}
#content table h1, #content table h2, #content table h3, #content table h4, #content table h5{
    display: inline;
}
#content table thead th{
    border-bottom: 1px solid #BDBDBD;
}
#content table thead tr th{
    font-weight: bold;
    color: #151515;
    font-size: 1.1em;
    padding-bottom: 2px;
    padding: 5px 10px;
}
#content table thead tr th a{
    color: #151515;
}
#content table tbody tr td{
    /*height: 30px;*/
    vertical-align: middle;
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #FFFFFF;
    padding: 5px 5px;
    font-size: 14px;
}
#content table tbody tr:nth-child(2n+1) td{
    background-color: #DCD9D9;
}
#content table tbody .custom.red td{ background-color: #ab0000!important;color: #fff; }
#content table tbody .custom.blue td{ background-color: #000071!important;color: #fff; }
#content table tbody .custom.brown td{ background-color: #4a0000!important;color: #fff; }
#content table tbody .brown td{ background-color: #4a0000!important;color: #fff!important; }
#content table tbody .brown td label{ color: #fff!important; }
#content table tbody .custom td a{ color: #fff; }

#content table tbody tr:hover td{
    background-color: #EAEAEA;
    border-bottom: 1px solid #CACACA;
    border-top: 1px solid #E2E2E2;
}
#content table tbody tr td.actions{
    text-align: right;
    padding-right: 25px;
    width: 45px;
}
#content table tbody tr td.status{
    text-align: right;
    padding-right: 25px;
    width: 45px;
}
#content table.noalt tbody tr td{
    background-color: transparent !important;
    border-bottom: 1px solid #DADBDD;
}
#content table.noborder tbody tr td{
    border: none;
}
#content table tbody tr td img{
    padding-right: 5px;
}
/** Pagination**/
#content .pagination{
    text-align: right;
    margin: 10px -7px 10px 10px;
    /*[empty]border:;*/
}
#content .pagination a{
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 0 1px 0 0;
    border: 1px solid #DAD9D9;
    text-align: center;
    text-decoration: none;
    color: #646161;
    /*+border-radius:3px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
}
#content .pagination a.next, #content .pagination a.prev{
    border: 1px solid #FFFFFF;
}
#content .pagination a.current, #content .pagination a:hover{
    background: url(../img-design/buttons.png) left -68px;
    border: 1px solid #3580A9;
    /*+text-shadow:0px -1px 0px #2C6AA3;*/
    -moz-text-shadow: 0px -1px 0px #2C6AA3;
    -webkit-text-shadow: 0px -1px 0px #2C6AA3;
    -o-text-shadow: 0px -1px 0px #2C6AA3;
    text-shadow: 0px -1px 0px #2C6AA3;
    color: #D4E6EF;
    font-weight: bold;
}
#content .pagination a.next:hover, #content .pagination a.prev:hover{
    background: none;
    /*+text-shadow:none;*/
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    color: #646161;
    font-weight: normal;
    border-color: #F7F7F7;
}
/** Notification **/
#content .notif{
 font-size: 16px;
  position: relative;
  padding: 15px 15px;
  margin: 5px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
#content .content .notif{
    margin-bottom: 10px;
}
#content .notif .close{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    float: right;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=20);
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
    text-decoration: none;
}
#content .notif .close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
#content .notif strong{
    font-weight: bold;
    color:inherit;
}
#content .notif.success{
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color:#FFF;
}
#content .notif.error,#content .bloc .notif.error{
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFF!important;
}
#content .notif.info{
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color:#FFF;
}
/**  Forms **/
/*#content .bloc .input{
    padding: 5px 0 10px;
}*/
#content .bloc .input.inline{
    display:inline-block;
}

#content .bloc label{
    display: block;
    color: #2C2C2C;
    font-weight: bold;
    /*padding-bottom: 7px;*/
    font-size: 14px;
}
#content .bloc .input label span{
    color: #0877A6;
}
#content .bloc .input input, #content .bloc .input select{
    border: 1px solid #C8CACC;
    height: 32px;
    line-height: 28px;
    width: 260px;
    display: block;
    padding: 0 5px;
    box-sizing: border-box;
}
#content .bloc .input select{
    padding: 5px 5px 5px 0;
    padding-left: 5px;
    height: auto;
}
#content .bloc .input .fileInput{
    border: none;
}
#content .bloc .checkbox input{
    width: auto;
    display: inline-block;
    height: auto;
}
#content .bloc .input label.inline{
    color: #6D6D6D;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    height: 14px;
    line-height: 23px;
}
#content .bloc .input select{
    width: 100%;
}
#content .bloc .input textarea{
    width: 98%;
    padding: 1%;
}
.input input.datepicker{
    background-image: url(../img-design/input-datepicker.png);
    background-position: 93px center;
    background-repeat: no-repeat;
    width: 110px;
}
#content .bloc .medium input{
    width: 50%;
}
#content .bloc .long input, #content .bloc .full input{
    width: 98%;
    padding: 0 1%;
}
#content .bloc .error, #content .bloc .error label, #content .bloc .error input, #content .error-message, #content .error textarea{
    color: #9D261D !important;
    border-color: #C87872 !important;
}
#content .bloc .error input, #content .bloc .error textarea{
    background-color: #FAE5E3 !important;
}
#content .bloc .loading input, input.loading{
    background:url(../img-design/loader.gif) right center #FFF no-repeat!important;
    padding-right: 35px;
}
#content .error-message{
    display: block;
}
/** Gallery **/
#content .gallery{
    text-align: left;
    margin: 28px 0 0 !important;
    padding: 0 !important;
}
#content .bloc .gallery{
    margin-top: 0 !important;
}
#content .gallery li{
    display: inline-block;
    padding: 5px;
    position: relative;
    margin: 5px;
    /*+box-shadow:0px 3px 5px #A3A3A3;*/
    -moz-box-shadow: 0px 3px 5px #A3A3A3;
    -webkit-box-shadow: 0px 3px 5px #A3A3A3;
    -o-box-shadow: 0px 3px 5px #A3A3A3;
    box-shadow: 0px 3px 5px #A3A3A3;
    text-align: center;
    background: #FFF;
}
#content .gallery li span.info{
    display: block;
    text-align: left;
}
#content .gallery li .del{
    background: url(../img-design/close2.png);
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: -6px;
    right: -10px;
    text-indent: 3000px;
    text-decoration: none;
}
#content .gallery li .large{
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url(../img-design/enlarge.jpg);
    width: 19px;
    height: 19px;
    text-indent: 3000em;
    display: none;
}
#content .gallery li .over{
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -18px;
    width: 100%;
    text-decoration: none;
    display: none;
}
#content .gallery li .over span{
    color: #FFF;
    text-decoration: none;
    background: #292828;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    display: inline;
    /*+border-radius:3px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
}
#content .gallery li:hover .del, #content .gallery li:hover .over, #content .gallery li:hover .large{
    display: block;
}
#content .gallery li:hover img{
    /*+opacity:30%;*/
    filter: alpha(opacity=30);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
/*Input colors*/
#content .bloc .input textarea, #content .selector{
    border: 1px solid #DDDCDC;
    -moz-box-shadow: inset 2px 1px 5px #CBC9C9;
    -webkit-box-shadow: inset 2px 1px 5px #CBC9C9;
    -o-box-shadow: inset 2px 1px 5px #CBC9C9;
    box-shadow: inset 2px 1px 5px #CBC9C9;
    background: #FFFFFF;
}
#content .bloc .input textarea:focus, #content .bloc .input input:focus{
    border: 1px solid #59C7FF;
    +box-shadow:inset 2px 1px 5px #88BCD7;
    -moz-box-shadow: inset 2px 1px 5px #88BCD7;
    -webkit-box-shadow: inset 2px 1px 5px #88BCD7;
    -o-box-shadow: inset 2px 1px 5px #88BCD7;
    box-shadow: inset 2px 1px 5px #88BCD7;
}
/*Range input*/
#content .ui-slider-horizontal{
    width: 350px;
    background: url(../img-design/range.png) no-repeat right -35px;
    height: 10px;
    border: none;
}
#content .ui-slider-range{
    background: url(../img-design/range.png) no-repeat left -25px;
    border: none;
}
#content .ui-slider-handle{
    width: 25px;
    height: 25px;
    background: url(../img-design/range.png) no-repeat;
    border: none;
    top: -7px;
    margin-left: -13px;
    cursor: pointer;
}

/*Checkbox/Radio*/
.selector, .checker, .button, .radio{
    position: relative;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
.selector span, .checker span, .button span, .radio span{
    display: block;
}
#content .checker:hover, #content .radio:hover{
    /*+box-shadow:0px 0px 10px #D2D2D2;*/
    -moz-box-shadow: 0px 0px 10px #D2D2D2;
    -webkit-box-shadow: 0px 0px 10px #D2D2D2;
    -o-box-shadow: 0px 0px 10px #D2D2D2;
    box-shadow: 0px 0px 10px #D2D2D2;
}
#content .checker, #content .checker span, #content .checker input, #content .radio, #content .radio span, #content .radio input{
    width: 50px !important;
    height: 24px !important;
    cursor: pointer;
    margin-bottom: 4px;
    margin-right: 5px;
}
#content .checker span, #content .radio span{
    background: url('../img-design/checkbox.png') bottom left;
}
#content .checker span.checked, #content .radio span.checked{
    background-position: top left;
}
/*Select*/
#content .selector, #content .selector select, #content .selector span{
    width: 162px;
    height: 28px;
    position: relative;
    padding: 0px;
    margin: 0px;
    display: block;
}
#content .selector span{
    background: none;
    position: absolute;
    line-height: 29px;
    background: url(../img-design/select.png) no-repeat 98% center;
    text-indent: 10px;
}
#content .selector.focus{
    border: 1px solid #59C7FF;
    /*+box-shadow:inset 2px 1px 5px #88BCD7;*/
    -moz-box-shadow: inset 2px 1px 5px #88BCD7;
    -webkit-box-shadow: inset 2px 1px 5px #88BCD7;
    -o-box-shadow: inset 2px 1px 5px #88BCD7;
    box-shadow: inset 2px 1px 5px #88BCD7;
}
/*Upload*/
/*#content .uploader{
    width: 200px !important;
    height: 25px;
    position: relative;
    padding: 0px;
    margin: 0px;
}
#content .uploader input{
    position: absolute;
    width: 200px !important;
    height: 25px;
    z-index: 50;
}
#content .uploader span{
    height: 25px;
    line-height: 25px;
}
#content .uploader span.action{
    background: url(../img-design/buttons.png) left -68px;
    border: 1px solid #3580A9;
    +text-shadow:0px -1px 0px #2C6AA3;
    -moz-text-shadow: 0px -1px 0px #2C6AA3;
    -webkit-text-shadow: 0px -1px 0px #2C6AA3;
    -o-text-shadow: 0px -1px 0px #2C6AA3;
    text-shadow: 0px -1px 0px #2C6AA3;
    color: #D4E6EF;
    font-weight: bold;
    padding: 0 5px;
    +border-radius:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    +box-shadow:0px 1px 5px #B2B2B2;
    -moz-box-shadow: 0px 1px 5px #B2B2B2;
    -webkit-box-shadow: 0px 1px 5px #B2B2B2;
    -o-box-shadow: 0px 1px 5px #B2B2B2;
    box-shadow: 0px 1px 5px #B2B2B2;
    height: 22px;
    line-height: 22px;
    margin-top: 1px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    cursor: pointer;
}
#content .uploader.hover span.action, #content .uploader span.action:hover{
    background: #3786B9;
    color: #FFFFFF;
    text-decoration: none;
    +box-shadow:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}*/
/*Submit*/
#content .submit input, #content .button, .submitButton{
    background: url(../img-design/buttons.png) left -68px;
    border: 1px solid #3580A9;
    /*+text-shadow:0px -1px 0px #2C6AA3;*/
    -moz-text-shadow: 0px -1px 0px #2C6AA3;
    -webkit-text-shadow: 0px -1px 0px #2C6AA3;
    -o-text-shadow: 0px -1px 0px #2C6AA3;
    text-shadow: 0px -1px 0px #2C6AA3;
    color: #D4E6EF;
    font-weight: bold;
    padding: 5px 10px;
    /*+border-radius:3px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    text-decoration: none;
    /*+box-shadow:0px 1px 5px #B2B2B2;*/
    -moz-box-shadow: 0px 1px 5px #B2B2B2;
    -webkit-box-shadow: 0px 1px 5px #B2B2B2;
    -o-box-shadow: 0px 1px 5px #B2B2B2;
    box-shadow: 0px 1px 5px #B2B2B2;
}
#content .button img{
    vertical-align: text-top;
    /*+opacity:65%;*/
    filter: alpha(opacity=65);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}
#content .button:hover img{
    /*+opacity:100%;*/
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#content .submit input:hover, #content .button:hover{
    background: #3786B9;
    color: #FFFFFF;
    text-decoration: none;
    /*+box-shadow:none;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
#content .black, #content .submit input.black{
    background: url(../img-design/buttons.png);
    border: 1px solid #151515;
    /*+text-shadow:0px -1px 0px #050505;*/
    -moz-text-shadow: 0px -1px 0px #050505;
    -webkit-text-shadow: 0px -1px 0px #050505;
    -o-text-shadow: 0px -1px 0px #050505;
    text-shadow: 0px -1px 0px #050505;
    color: #929292;
}
#content .black:hover, #content .submit input.black:hover{
    background: #323232;
    color: #FFFFFF;
    text-decoration: none;
}
#content .white, #content .submit input.white{
    background: url(../img-design/buttons.png) left -34px;
    border: 1px solid #CCC;
    /*+text-shadow:0px -1px #FFFFFF;*/
    -moz-text-shadow: 0px -1px #FFFFFF;
    -webkit-text-shadow: 0px -1px #FFFFFF;
    -o-text-shadow: 0px -1px #FFFFFF;
    text-shadow: 0px -1px #FFFFFF;
    /*+box-shadow:0px 1px 5px #EAEAEA;*/
    -moz-box-shadow: 0px 1px 5px #EAEAEA;
    -webkit-box-shadow: 0px 1px 5px #EAEAEA;
    -o-box-shadow: 0px 1px 5px #EAEAEA;
    box-shadow: 0px 1px 5px #EAEAEA;
    color: #606060;
}
#content .white:hover, #content .submit input.white:hover{
    background: #EAEAEA;
    color: #555555;
    text-decoration: none;
    background-image: none;
}
/**  iPhone checkbox**/
#content .iPhoneCheckContainer{
    position: relative;
    height: 27px;
    cursor: pointer;
    overflow: hidden;
}
#content .iPhoneCheckContainer input{
    position: absolute;
    top: 5px;
    left: 30px;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#content .iPhoneCheckContainer label{
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    height: 27px;
    position: absolute;
    width: auto;
    top: 0;
    overflow: hidden;
    padding: 5px 0px 0px !important;
    color: #FFFFFF !important;
}
#content .iPhoneCheckContainer, .iPhoneCheckContainer label{
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}
#content .iPhoneCheckDisabled{
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#content label.iPhoneCheckLabelOn, #content label.iPhoneCheckLabelOff{
    background: url('../img-design/iphonecheck.png') no-repeat right bottom;
}
#content label.iPhoneCheckLabelOn{
    color: #FFFFFF;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    background-position: left top;
    left: 0;
    padding-top: 5px;
}
#content label.iPhoneCheckLabelOn span{
    padding-left: 8px;
    color: #B2D8E7 !important;
}
#content label.iPhoneCheckLabelOff{
    color: #CCCCCC;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
    text-align: right;
    right: 0;
    background-position: 100% -27px;
}
#content label.iPhoneCheckLabelOff span{
    padding-right: 8px;
    color: #666464 !important;
}
#content .iPhoneCheckHandle{
    display: block;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: url('../img-design/slider_left.png') no-repeat;
    padding-left: 3px;
}
#content .iPhoneCheckHandleRight{
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: url('../img-design/slider_right.png') no-repeat right 0;
}
#content .iPhoneCheckHandleCenter{
    height: 100%;
    width: 100%;
    background: url('../img-design/slider_center.png');
}
/** Charts *
plugin styles*/
#content .bloc .visualize{
    border: 1px solid #888;
    position: relative;
    background: #FAFAFA;
    margin: 20px auto;
}
#content .bloc .visualize canvas{
    position: absolute;
}
#content .bloc .visualize ul, #content .bloc .visualize li{
    margin: 0;
    padding: 0;
    list-style: none;
}
/*table title, key elements*/
#content .bloc .visualize .visualize-info{
    padding: 3px 5px;
    background: #FAFAFA;
    border: 1px solid #888;
    position: absolute;
    top: -20px;
    right: 10px;
    opacity: .8;
}
#content .bloc .visualize .visualize-title{
    display: block;
    color: #333;
    margin-bottom: 3px;
    font-size: 1.1em;
}
#content .bloc .visualize ul.visualize-key{
    list-style: none;
}
#content .bloc .visualize ul.visualize-key li{
    list-style: none;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    position: relative;
}
#content .bloc .visualize ul.visualize-key .visualize-key-color{
    width: 6px;
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}
#content .bloc .visualize ul.visualize-key .visualize-key-label{
    color: #000;
}
/*pie labels*/
#content .bloc .visualize-pie .visualize-labels{
    list-style: none;
}
#content .bloc .visualize-pie .visualize-label-pos, .visualize-pie .visualize-label{
    position: absolute;
    margin: 0;
    padding: 0;
}
#content .bloc .visualize-pie .visualize-label{
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 1em;
}
#content .bloc .visualize-pie-outside .visualize-label{
    color: #000;
    font-weight: normal;
}
/*line,bar, area labels*/
#content .bloc .visualize-labels-x, #content .bloc .visualize-labels-y{
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
}
#content .bloc .visualize-labels-x li, #content .bloc .visualize-labels-y li{
    position: absolute;
    bottom: 0;
}
#content .bloc .visualize-labels-x li span.label, #content .bloc .visualize-labels-y li span.label{
    position: absolute;
    color: #555;
}
#content .bloc .visualize-labels-x li span.line, #content .bloc .visualize-labels-y li span.line{
    position: absolute;
    border: 0 solid #CCC;
}
#content .bloc .visualize-labels-x li{
    height: 100%;
}
#content .bloc .visualize-labels-x li span.label{
    top: 100%;
    margin-top: 5px;
}
#content .bloc .visualize-labels-x li span.line{
    border-left-width: 1px;
    height: 100%;
    display: block;
}
#content .bloc .visualize-labels-x li span.line{
    border: 0;
}
/*hide vertical lines on area, line, bar*/
#content .bloc .visualize-labels-y li{
    width: 100%;
}
#content .bloc .visualize-labels-y li span.label{
    right: 100%;
    margin-right: 5px;
    display: block;
    width: 100px;
    text-align: right;
}
#content .bloc .visualize-labels-y li span.line{
    border-top-width: 1px;
    width: 100%;
}
#content .bloc .visualize-bar .visualize-labels-x li span.label{
    width: 100%;
    text-align: center;
}
#content .bloc .visualize .stats_tooltip{
    margin: 3px 4px 0;
    padding: 6px 10px;
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-size: 10px;
    line-height: normal;
    text-shadow: none;
    text-align: center;
}
#content .bloc .visualize .stats_tooltip strong{
    color: #FFF;
}
.visualize-interaction-tracker:hover{
    cursor: help;
}
.ie8 .visualize-interaction-tracker{
    top: 240px;
}
/*IE hover Fixes - Added in 1.1
*  Calendar **/
#content .calendar .title{
    text-align: center;
    position: relative;
}
#content .calendar .title .next, #content .calendar .title .prev{
    display: block;
    width: 18px;
    height: 18px;
    vertical-align: sub;
    margin: 0 50px;
    background: url(../img-design/slidebuttons.png);
    position: absolute;
}
#content .calendar .title .next{
    background-position: 18px top;
    top: 8px;
    right: -13px;
}
#content .calendar .title .prev{
    background-position: 38px 0%;
    top: 8px;
    left: -35px;
}
#content .calendar .content{
    padding: 0;
    margin: 0px;
}
#content .calendar table{
    margin-right: 0px;
    border-collapse: collapse;
    vertical-align: top;
}
#content .calendar th{
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border: 1px solid #C7C7C7;
    border-top: none;
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #fafafa 0%, #eaeae9 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(99%,#eaeae9));
    background: -webkit-linear-gradient(top, #fafafa 0%,#eaeae9 99%);
    background: -o-linear-gradient(top, #fafafa 0%,#eaeae9 99%);
    background: -ms-linear-gradient(top, #fafafa 0%,#eaeae9 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeae9',GradientType=0 );
    background: linear-gradient(top, #fafafa 0%,#eaeae9 99%);
    height: 32px;
    color: #6D6D6D;
}
#content .calendar td{
    width: 14%;
    border: 1px solid #C5C5C5;
    background: #EEEEEE none;
    /*+box-shadow:inset 1px 1px 0px #FFFFFF;*/
    -moz-box-shadow: inset 1px 1px 0px #FFFFFF;
    -webkit-box-shadow: inset 1px 1px 0px #FFFFFF;
    -o-box-shadow: inset 1px 1px 0px #FFFFFF;
    box-shadow: inset 1px 1px 0px #FFFFFF;
    color: #383838;
    vertical-align: top;
    background: #F0F0F0;
    color: #6A6A6A;
    background: -moz-linear-gradient(top, #f0f0f0 0%, #e3e2e2 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(99%,#e3e2e2));
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#e3e2e2 99%);
    background: -o-linear-gradient(top, #f0f0f0 0%,#e3e2e2 99%);
    background: -ms-linear-gradient(top, #f0f0f0 0%,#e3e2e2 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e3e2e2',GradientType=0 );
    background: linear-gradient(top, #f0f0f0 0%,#e3e2e2 99%);
}
#content .calendar td:hover{
    background: #EFEFEF;
    color: #FFFFFF;
    /*+text-shadow:0px 1px #FFFFFF;*/
    -moz-text-shadow: 0px 1px #FFFFFF;
    -webkit-text-shadow: 0px 1px #FFFFFF;
    -o-text-shadow: 0px 1px #FFFFFF;
    text-shadow: 0px 1px #FFFFFF;
    color: #000;
}
#content .calendar td.today{
    background: #949594 none;
    /*+box-shadow:inset 1px 1px 20px #515251;*/
    -moz-box-shadow: inset 1px 1px 20px #515251;
    -webkit-box-shadow: inset 1px 1px 20px #515251;
    -o-box-shadow: inset 1px 1px 20px #515251;
    box-shadow: inset 1px 1px 20px #515251;
    /*+text-shadow:0px 1px #336F9C;*/
    -moz-text-shadow: 0px 1px #336F9C;
    -webkit-text-shadow: 0px 1px #336F9C;
    -o-text-shadow: 0px 1px #336F9C;
    text-shadow: 0px 1px #336F9C;
    color: #FFFFFF;
    background: #337BB2;
    background: -moz-linear-gradient(top, #337bb2 0%, #43a6ce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#337bb2), color-stop(100%,#43a6ce));
    background: -webkit-linear-gradient(top, #337bb2 0%,#43a6ce 100%);
    background: -o-linear-gradient(top, #337bb2 0%,#43a6ce 100%);
    background: -ms-linear-gradient(top, #337bb2 0%,#43a6ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337bb2', endColorstr='#43a6ce',GradientType=0 );
    background: linear-gradient(top, #337bb2 0%,#43a6ce 100%);
}
#content .calendar td.padding, #content .calendar td.padding:hover{
    background: none;
    /*+box-shadow:none;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
#content .calendar td .relative{
    height: 60px;
    display: block;
}
#content .calendar td .day{
    font-size: 25px;
    width: 0px;
    margin: 5px;
    color: inherit;
}
#content .calendar td.today .day{
    color: #FFFFFF;
}
#content .calendar .events span{
    color: #0A93CC;
    padding-right: 4px;
    font-weight: normal;
    font-style: italic;
}
#content .calendar .events a{
    color: #707070;
    text-decoration: none;
    font-size: 10.6pt;
}
#content .calendar .events a:hover{
    text-decoration: underline;
}
#content .calendar .today .events a{
    color: #FFFFFF;
}
#content .calendar .today .events span{
    color: #A7C9D8;
}
#content .calendar ul, #content .calendar ul li{
    list-style: none;
    margin: 0 0 0 3px !important;
    padding: 0 !important;
}
.tooltipsy{
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    padding: 5px 10px;
    /*+border-radius:3px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
}
/***********************************************  COLORS **********************************************************
Background*/
.dark{
    background: url(../img-design/dark-bg.png);
}
.wood{
    background: url(../img-design/wood.jpg) fixed center top;
}
.dark #content .bloc{
    /*+box-shadow:0px 5px 15px rgba(0, 0, 0, 0.5);*/
    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}
.dark #content h1{
    color: #FFF;
    text-shadow: 0px 1px #000000;
}
/*White blocks*/
#content.white .bloc .title{
    background: url(../img-design/white-title.png);
    color: #2C2C2C;
    /*+text-shadow:0px 1px #FFFFFF;*/
    -moz-text-shadow: 0px 1px #FFFFFF;
    -webkit-text-shadow: 0px 1px #FFFFFF;
    -o-text-shadow: 0px 1px #FFFFFF;
    text-shadow: 0px 1px #FFFFFF;
    font-weight: bold;
    border: none;
}
#content.white .bloc .title .toggle{
    background-position: left -18px;
}
#content.white .bloc .title .toggle.hide{
    background-position: right -18px;
}
#content.white .bloc .title .next{
    background-position: right -18px;
}
#content.white .bloc .title .prev{
    background-position: center -18px;
}
#content.white .bloc .tabs a{
    color: #434242;
}
/*Wood  blocks*/
#content.wood{
    background: none;
}
#content.wood .bloc .title{
    background: url(../img-design/wood-title.jpg);
    color: #948076;
    /*+text-shadow:0px -1px #000000;*/
    -moz-text-shadow: 0px -1px #000000;
    -webkit-text-shadow: 0px -1px #000000;
    -o-text-shadow: 0px -1px #000000;
    text-shadow: 0px -1px #000000;
    font-weight: bold;
    border: none;
}
#content.wood .bloc .title .toggle{
    background-position: left -36px;
}
#content.wood .bloc .title .toggle.hide{
    background-position: right -36px;
}
#content.wood .bloc .title .next{
    background-position: right -36px;
}
#content.wood .bloc .title .prev{
    background-position: center -36px;
}
#content.wood .bloc .tabs a{
    color: #8A6450;
}
/*Dark Sidebar*/
#sidebar.black{
    background-color: #262626;
    border-right: 1px solid #1B1B1B;
    /*+box-shadow:inset -4px 0 #3C3A3A;*/
    -moz-box-shadow: inset -4px 0 #3C3A3A;
    -webkit-box-shadow: inset -4px 0 #3C3A3A;
    -o-box-shadow: inset -4px 0 #3C3A3A;
    box-shadow: inset -4px 0 #3C3A3A;
}
#sidebar.black>ul>li>a{
    color: #828282;
    /*+text-shadow:0px 1px #0D0D0D;*/
    -moz-text-shadow: 0px 1px #0D0D0D;
    -webkit-text-shadow: 0px 1px #0D0D0D;
    -o-text-shadow: 0px 1px #0D0D0D;
    text-shadow: 0px 1px #0D0D0D;
    background: #222222 url(../img-design/arrow.png) no-repeat 96% -5px;
    border-bottom: 1px solid #191919;
    border-top: 1px solid #2D2C2C;
    border-right: 4px solid #303030;
}
#sidebar.black>ul>li:hover>a, #sidebar.black ul li.current>a{
    background-color: #262626;
    color: #FFFFFF;
    border-right-color: #FFFFFF;
}
#sidebar.black ul li ul{
    background: #262626;
    /*+box-shadow:inset 0 0 15px #1B1B1B;*/
    -moz-box-shadow: inset 0 0 15px #1B1B1B;
    -webkit-box-shadow: inset 0 0 15px #1B1B1B;
    -o-box-shadow: inset 0 0 15px #1B1B1B;
    box-shadow: inset 0 0 15px #1B1B1B;
    padding: 7px 0px;
    border-right: 4px solid #3C3A3A;
    border-bottom: 0px solid #000000;
}
#sidebar.black ul ul ul{
    background: #262626;
    /*+box-shadow:inset 0 0 15px #1B1B1B;*/
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    padding: 7px 0px;
    border-right: none;
    border-bottom: 0px solid #000000;
}
.collapsed #sidebar.black ul ul{
    border-right: none;
}
#sidebar.black ul li li a{
    color: #747474;
}
/*White sidebar*/
#sidebar.white{
    background-color: #EEEEEE;
    border-right: none;
    /*+box-shadow:inset -4px 0px 0 #DCDCDC;*/
    -moz-box-shadow: inset -4px 0px 0 #DCDCDC;
    -webkit-box-shadow: inset -4px 0px 0 #DCDCDC;
    -o-box-shadow: inset -4px 0px 0 #DCDCDC;
    box-shadow: inset -4px 0px 0 #DCDCDC;
}
#sidebar.white>ul>li>a{
    color: #7C7D7E;
    /*+text-shadow:none;*/
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    background: transparent url(../img-design/white-arrow.png) no-repeat 96% -5px;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #FCFDFD;
    border-right: 4px solid #D6D6D6;
}
#sidebar.white>ul>li:hover>a, #sidebar.white>ul>li.current>a{
    background-color: #E7E7E7;
    color: #000000;
    border-right-color: #808080;
}
#sidebar.white ul li ul{
    background: #F8F8F8;
    /*+box-shadow:inset 0 0 15px #CECECE;*/
    -moz-box-shadow: inset 0 0 15px #CECECE;
    -webkit-box-shadow: inset 0 0 15px #CECECE;
    -o-box-shadow: inset 0 0 15px #CECECE;
    box-shadow: inset 0 0 15px #CECECE;
    /*+box-shadow:none;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 7px 0px;
    border-right: 4px solid #C5C5C5;
    border-bottom: 1px solid #D6D6D6;
}
#sidebar.white ul li li a{
    color: #7C7D7E;
    /*+text-shadow:none;*/
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    background-image: url(../img-design/dark-sideli.png);
}
#sidebar.white a:hover, #sidebar.white li.current>a{
    color: #000000 !important;
}
/**  White **/
.white #content.login{
    color: #808080;
}
.white #content.login div.input{
    background-color: #EEEEEE;
    background-color: rgba(255, 255, 255, 0.5);
    /*+box-shadow:inset 2px 2px 5px #CECBCB;*/
    -moz-box-shadow: inset 2px 2px 5px #CECBCB;
    -webkit-box-shadow: inset 2px 2px 5px #CECBCB;
    -o-box-shadow: inset 2px 2px 5px #CECBCB;
    box-shadow: inset 2px 2px 5px #CECBCB;
    border: 1px solid #C2C1C1;
}
.white #content.login div.submit input{
    /*+box-shadow:0px 2px 5px #B2B2B2;*/
    -moz-box-shadow: 0px 2px 5px #B2B2B2;
    -webkit-box-shadow: 0px 2px 5px #B2B2B2;
    -o-box-shadow: 0px 2px 5px #B2B2B2;
    box-shadow: 0px 2px 5px #B2B2B2;
}
.white #content.login div.input label{
    color: #A7A3A3;
}
/**  Wood **/
.wood #content.login{
    /*+text-shadow:0px 1px #692F18;*/
    -moz-text-shadow: 0px 1px #692F18;
    -webkit-text-shadow: 0px 1px #692F18;
    -o-text-shadow: 0px 1px #692F18;
    text-shadow: 0px 1px #692F18;
}
.wood #content.login h1{
    color: #FFFFFF;
    /*+text-shadow:0px 1px #692F18;*/
    -moz-text-shadow: 0px 1px #692F18;
    -webkit-text-shadow: 0px 1px #692F18;
    -o-text-shadow: 0px 1px #692F18;
    text-shadow: 0px 1px #692F18;
}
.wood #content.login div.input{
    background-color: #EEEEEE;
    background-color: rgba(0, 0, 0, 0.2);
    /*+box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.8);*/
    -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.8);
    -o-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.8);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.8);
    border: 1px solid #A34D2A;
}
.wood #content.login div.input input, .wood #content.login, .wood #content.login div.input label{
    color: #EEDDC9;
}
.wood #content.login div.submit input{
    /*+box-shadow:0px 2px 5px #100806;*/
    -moz-box-shadow: 0px 2px 5px #100806;
    -webkit-box-shadow: 0px 2px 5px #100806;
    -o-box-shadow: 0px 2px 5px #100806;
    box-shadow: 0px 2px 5px #100806;
}
/** CORE UNIFORM **/
.selector, .checker, .button, .radio{
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    =display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus{
    outline: 0;
}
/*Button*/
div.button a, div.button button, div.button input{
    position: absolute;
}
div.button{
    cursor: pointer;
    position: relative;
}
div.button span{
    display: -moz-inline-box;
    display: inline-block;
    line-height: 1;
    text-align: center;
}
/*Select*/
div.selector{
    position: relative;
    padding-left: 10px;
    overflow: hidden;
}
div.selector span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.selector select{
    position: absolute;
    opacity: 0;
    filter: alpha(opacity:0);
    height: 25px;
    border: none;
    background: none;
}
/*Checker*/
div.checker{
    position: relative;
}
div.checker span{
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}
div.checker input{
    opacity: 0;
    filter: alpha(opacity:0);
    display: inline-block;
    background: none;
}
/*Radio*/
div.radio{
    position: relative;
}
div.radio span{
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}
div.radio input{
    opacity: 0;
    filter: alpha(opacity:0);
    text-align: center;
    display: inline-block;
    background: none;
}

/*Uploader*/
/*div.uploader{
    position: relative;
    overflow: hidden;
    cursor: default;
}
div.uploader span.action{
    float: left;
    display: inline;
    padding: 2px 0px;
    overflow: hidden;
    cursor: pointer;
}
div.uploader span.filename{
    padding: 0px 10px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}
div.uploader input{
    opacity: 0;
    filter: alpha(opacity:0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: right;
    height: 25px;
    border: none;
    cursor: default;
}*/


/*******
Script or plugins CSS
*****/
/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(../img-design/jqueryui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}
.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(../img-design/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}
.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../img-design/jqueryui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(../img-design/jqueryui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(../img-design/jqueryui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../img-design/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../img-design/jqueryui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../img-design/jqueryui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../img-design/jqueryui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../img-design/jqueryui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../img-design/jqueryui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../img-design/jqueryui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../img-design/jqueryui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../img-design/jqueryui/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}








/** Zoombox **//*[fmt]0A90-0A0A-2*/
#zoombox iframe,#zoombox img{
    border:none;
}
#zoombox .zoombox_mask{
    background-color:#000;
    position:fixed;
    width:100%;
    z-index:100;
    height:100%;
    top:0;
    left:0;
}
#zoombox .zoombox_container{
    position:absolute;
    z-index:100;
}
#zoombox .relative{
    position:relative;
}
#zoombox .zoombox_prev{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    cursor:pointer;
    /*+opacity:0;*/
    filter:alpha(opacity=0);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -moz-opacity:0;
    opacity:0;
}
#zoombox .zoombox_prev:hover{
    /*+opacity:100%;*/
    filter:alpha(opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity:1;
    opacity:1;
}
#zoombox .zoombox_next{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    /*+opacity:0;*/
    filter:alpha(opacity=0);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -moz-opacity:0;
    opacity:0;
}
#zoombox .zoombox_close,#zoombox .zoombox_next,#zoombox .zoombox_prev{
    cursor:pointer;
}
#zoombox .multimedia .zoombox_next,#zoombox .multimedia .zoombox_prev{
    display:none;
}
#zoombox .zoombox_next:hover{
    /*+opacity:100%;*/
    filter:alpha(opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity:1;
    opacity:1;
}
#zoombox .zoombox_gallery{
    position:fixed;
    z-index:120;
    bottom:-60px;
    left:0;
    right:0;
    text-align:center;
    /*+opacity:85%;*/
    filter:alpha(opacity=85);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
    cursor:pointer;
    width:auto;
    background-color:#050505;
    height:60px;
    overflow: hidden;
    display:none;
}
#zoombox .zoombox_gallery img{
    height:50px;
    padding:5px;
    /*+opacity:50%;*/
    filter:alpha(opacity=30);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    -moz-opacity:0.3;
    opacity:0.3;
}
#zoombox .zoombox_gallery img:hover,#zoombox .zoombox_gallery img.current{
    /*+opacity:100%;*/
    filter:alpha(opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity:1;
    opacity:1;
}
#zoombox_loader{
    background:url(../img-design/zoombox/loader.png) no-repeat left top;
    position:absolute;
    height:40px;
    width:40px;
    cursor:pointer;
    top:50%;
    left:50%;
    margin:-20px 0 0 -20px;
    z-index:110;
}
/** Zoombox Theme **/
.zoombox .zoombox_container{
    background:#000;
    color:#666;
    /*+box-shadow:0px 0px 10px #000000;*/
    -moz-box-shadow:0px 0px 10px #000000;
    -webkit-box-shadow:0px 0px 10px #000000;
    -o-box-shadow:0px 0px 10px #000000;
    box-shadow:0px 0px 10px #000000;
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
    -o-box-shadow:0 0 10px #000;
    box-shadow:0 0 10px #000;
}
.zoombox .content{
    background:#000;
}
.zoombox .zoombox_title{
    color:#FFF;
    /*+placement:anchor-top-left -1px -22px;*/
    position:absolute;
    left:-1px;
    top:-22px;
    /*+text-shadow:1px 1px #000000;*/
    -moz-text-shadow:1px 1px #000000;
    -webkit-text-shadow:1px 1px #000000;
    -o-text-shadow:1px 1px #000000;
    text-shadow:1px 1px #000000;
    -moz-text-shadow:1px 1px #000;
    -webkit-text-shadow:1px 1px #000;
    -o-text-shadow:1px 1px #000;
    text-shadow:1px 1px #000;
}
.zoombox .zoombox_close{
    background:url(../img-design/zoombox/close.png) no-repeat;
    width:30px;
    height:30px;
    /*+placement:anchor-top-right -15px -15px;*/
    position:absolute;
    right:-15px;
    top:-15px;
    z-index: 100;
}
#zoombox.zoombox .zoombox_next{
    background:url(../img-design/zoombox/next.png) no-repeat right center;
}
#zoombox.zoombox .zoombox_prev{
    background:url(../img-design/zoombox/prev.png) no-repeat left center;
}
/** Lightbox Theme **/
.lightbox .zoombox_container{
    background:#FFF;
    margin-left:-30px;
    padding:10px 10px 37px;
    color:#666;
}
.lightbox .zoombox_close{
    background:url(../img-design/zoombox/lightclose.gif) no-repeat left top;
    width:66px;
    height:22px;
    top:auto;
    /*+placement:anchor-bottom-right 12px 6px;*/
    position:absolute;
    right:12px;
    bottom:6px;
}
.lightbox .zoombox_title{
    text-align:left;
}
.lightbox .zoombox_next{
    background:url(../img-design/zoombox/lightnext.gif) no-repeat right 50px;
}
.lightbox .zoombox_prev{
    background:url(../img-design/zoombox/lightprev.gif) no-repeat left 50px;
}
#zoombox.lightbox .zoombox_gallery{
    left:10px !important;
    right:10px;
    bottom:36px;
}
/** Pretty Photo Theme **/
.prettyphoto .zoombox_container{
    border:10px solid #0B0A0A;
    /*+border-radius:10px;*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px 10px 10px 10px;
    background:#FFF;
    padding:10px 10px 37px;
    margin-left:-20px;
    color:#797979;
}
.prettyphoto .zoombox_title{
    text-align:left;
}
.prettyphoto .zoombox_close{
    background:url(../img-design/zoombox/ppsprite.png);
    width:27px;
    height:24px;
    top:auto;
    /*+placement:anchor-bottom-right 6px 8px;*/
    position:absolute;
    right:6px;
    bottom:8px;
}
.prettyphoto .zoombox_next{
    background:url(../img-design/zoombox/ppnext.png) no-repeat right center;
}
.prettyphoto .zoombox_prev{
    background:url(../img-design/zoombox/ppprev.png) no-repeat left center;
}
.prettyphoto .multimedia .zoombox_next,.prettyphoto .multimedia .zoombox_prev{
    display:none;
}
#zoombox.prettyphoto .zoombox_gallery{
    left:10px !important;
    right:10px;
    bottom:36px;
}
/** Dark Pretty Photo Theme **/
.darkprettyphoto .zoombox_container{
    /*+border-radius:10px;*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px 10px 10px 10px;
    background:#0C0C0C;
    padding:10px 10px 37px;
    margin-left:-30px;
    color:#828282;
}
.darkprettyphoto .zoombox_title{
    /*[empty]position:;*/
    text-align:left;
}
.darkprettyphoto .zoombox_close{
    background:url(../img-design/zoombox/ppsprite.png);
    width:27px;
    height:24px;
    top:auto;
    /*+placement:anchor-bottom-right 2px 6px;*/
    position:absolute;
    right:2px;
    bottom:6px;
}
.darkprettyphoto .zoombox_next{
    background:url(../img-design/zoombox/ppnext.png) no-repeat right center;
}
.darkprettyphoto .zoombox_prev{
    background:url(../img-design/zoombox/ppprev.png) no-repeat left center;
}
.darkprettyphoto .multimedia .zoombox_next,.darkprettyphoto .multimedia .zoombox_prev{
    display:none;
}
#zoombox.darkprettyphoto .zoombox_gallery{
    left:10px !important;
    right:10px;
    bottom:36px;
}
/** Simple Theme **/
.simple .zoombox_container{
    background:#000;
}
.simple .zoombox_title{
    color:#FFF;
    /*+placement:anchor-top-left -1px -22px;*/
    position:absolute;
    left:-1px;
    top:-22px;
    /*+text-shadow:1px 1px #000000;*/
    -moz-text-shadow:1px 1px #000000;
    -webkit-text-shadow:1px 1px #000000;
    -o-text-shadow:1px 1px #000000;
    text-shadow:1px 1px #000000;
    -moz-text-shadow:1px 1px #000;
    -webkit-text-shadow:1px 1px #000;
    -o-text-shadow:1px 1px #000;
    text-shadow:1px 1px #000;
}
#zoombox.simple .zoombox_next{
    background:url(../img-design/zoombox/simplenav.png) no-repeat -20px center;
    /*+opacity:100%;*/
    filter:alpha(opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity:1;
    opacity:1;
    right:-20px;
    width:20px;
}
#zoombox.simple .zoombox_next:hover{
    background-position-x:left;
}
#zoombox.simple .zoombox_prev{
    background:url(../img-design/zoombox/simplenav.png) no-repeat -40px center;
    /*+opacity:100%;*/
    filter:alpha(opacity=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity:1;
    opacity:1;
    left:-20px;
    width:20px;
}
#zoombox.simple .zoombox_prev:hover{
    background-position-x:-60px;
}
.simple .zoombox_prev{
    background:url(../img-design/zoombox/ppprev.png) no-repeat left center;
}
.simple .zoombox_close{
    background:url(../img-design/zoombox/simpleclose.png) no-repeat;
    width:30px;
    height:30px;
    position:absolute;
    top:0;
    right:-10px;
}

#zoombox.simple .multimedia .zoombox_next,#zoombox.simple .multimedia .zoombox_prev{
    display:block;
}

/*//////CUSTOM CSS//////*/
.pagesContentDeleteBtn{ width:20px; }
#total_order {font-size: 18px;}
.season_indicator{ left: 40%; }