/***
 * Created by:Mienard Lumaad
 * Date:Nov 26, 2011
 * Website:http://themepixels.com/
***/

@import url('plugins/colorbox.css');
@import url('plugins/colorpicker.css');
@import url('plugins/jquery.ui.css');
@import url('plugins/jquery.jgrowl.css');
@import url('plugins/jquery.alerts.css');
@import url('plugins/fullcalendar.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    vertical-align:baseline;
}

/***@FONT FACE***/
@font-face {
    font-family:'DroidSansRegular';
    src:url('../fonts/droidsans-webfont.eot');
    src:url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#DroidSansRegular') format('svg');
    font-weight:normal;
    font-style:normal;

}

/***GENERAL STYLES***/
body { font-family:DroidSansRegular, "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
body { background:#333; line-height:21px; background-color:#EEE}
input, select, textarea, button { outline:none; font-family:DroidSansRegular, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
input, select, textarea, button { border:1px solid #CCC; padding:5px; }

a { text-decoration:none; outline:none; color:#069; }
a:hover { text-decoration:underline; }
button { margin:0; outline:0; }
small { font-size:11px; line-height:12px; }
.contenu{ margin:0 auto;}

.bodywhite { background:#FFF; }
.bodygrey { background:#EEE url(../img/leftbg.png) repeat-y top left; }
.page404 { background:#EEE; }

h1.prize { font-size:28px; color:#000; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; }
h2.prize { font-size:20px; color:#000; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; }

.iconblack { color:#000; font-size:15px; margin:0 10px 0 -25px; }
.iconrouge { color:#F00; font-size:15px; margin:0 10px 0 -25px; }
.icongreen { color:#090; font-size:15px; margin:0 10px 0 -25px; }
.iconblanc { color:#FFF; font-size:15px; }
.icongris1 { color:#666; font-size:15px; }
.icongris2 { color:#8C8C8C; font-size:15px; }
.iconjaune { color:#FF0; font-size:15px; }
.iconviolet { color:#631B8C; font-size:15px; }
.iconvert { color:#090; font-size:15px; }
.iconred { color:#F00; font-size:15px; }
.iconblue { color:#00F; font-size:15px; }
.result { text-align:center; margin-left:50px; }
.red { color:#F00;}
.vert { color:#090; }
/***NOTIFICATION MESSAGES (login.html, dashboard.html)***/
.notification { padding:10px 10px 10px 45px; margin:0 0 20px 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative; }
.notification .close { position:absolute; right:5px; top:5px; display:inline-block; width:8px; height:8px; cursor:pointer; }
.notification .close { background:url(../img/icons/close.png) no-repeat 0 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.notifyError { border:1px solid #ff0000; background:#FFECEC; color:#ff0000; font-size:11px; }

.msgalert { border:1px solid #eac572; background:#ffe9ad url(../img/icons/warning.png) no-repeat 10px center; }
.msginfo { border:1px solid #99c4ea; background:#d1e4F3 url(../img/icons/info.png) no-repeat 10px center; }
.msgsuccess { border:1px solid #c1d779; background:#effeb9 url(../img/icons/success.png) no-repeat 10px center; }
.msgerror { border:1px solid #e18b7c; background:#fad5cf url(../img/icons/error.png) no-repeat 10px center; }

/***LOGIN PAGE (index.html)***/
.loginlogo { width:280px; height:50px; background:url(../img/gradcircle.png) no-repeat top left; margin:100px auto 10px auto; padding:75px 50px; }
.loginbox { width:580px; height:62px; margin:10px auto; background:url(../img/loginbox.png) no-repeat right -62px; padding-right:11px; }
.loginbox_inner { background:url(../img/loginbox.png) no-repeat 0 0; height:62px; padding-left:11px; }
.loginbox_content { background:url(../img/loginbox.png) repeat-x 0 -124px; height:62px; overflow:hidden; padding:15px 2px; }

.loginbox .username { border:0; background:#EEE url(../img/usernamefield.png) no-repeat; background-position:top left; width:190px; margin-right:10px; }
.loginbox .username { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:7px 5px 6px 40px; display:inline-block; font-size:14px; }
.loginbox .username:focus { background-color:#FFF; background-position:0 -32px; }
.loginbox .password { border:0; background:#EEE url(../img/passwordfield.png) no-repeat; background-position:top left; width:190px; margin-right:10px; }
.loginbox .password { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:7px 5px 6px 40px; display:inline-block; font-size:14px; }
.loginbox .password:focus { background-color:#FFF; background-position:0 -32px; }
.loginbox button { background:#4b6592 url(../img/buttonbg.png) repeat-x top left; font-size:13px; padding:6px 14px; width:67px; font-weight:bold;}
.loginbox button { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; color:#FFF; text-shadow:1px 1px #333; border:0; }
.loginbox button:active { -moz-box-shadow:inset 1px 1px 2px #000; -webkit-box-shadow:inset 1px 1px 2px #000; box-shadow:inset 1px 1px 2px #000;}
.loginbox button:hover { background:#364F7e url(../img/buttonbg.png) repeat-x 0 -34px; }

.loginoption { width:570px; margin:10px auto; background:#102145 url(../img/blacktrans.png); padding:7px 10px; font-size:11px; color:#CCC; }
.loginoption { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.loginoption input { margin:0; padding:0; vertical-align:middle; }
.loginoption a { float:right; font-size:11px; color:#CCC; }

.loginNotify { display:none; padding:7px; border:0; width:580px; margin:auto; background:url(../img/blacktrans.png); }
.loginNotify { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; }

/***TOP HEADER (all page)***/
.header, .topheader { min-width:980px; }
.headerspace { height:10px; background:#333; border-bottom:2px solid #000; }
.topheader > ul { list-style:none; position:absolute; top:25px; left:300px;}
.topheader > ul > li { display:inline-block; float:left; position:relative; }
.topheader > ul > li > .wrap { font:bold 20pt Arial; color:#009EE0; text-shadow:1px 1px #FFF; display:block; padding:10px 20px; background:rgba(0, 0, 0, 0.5); border-radius:5px; }

.dropbox { width:250px; min-height:100px; background:#FCFCFC; position:absolute; z-index:5; }
.dropbox { top:29px; left:-1px; border:1px solid #333; border-top:0; }
.dropbox { -moz-box-shadow:3px 3px 2px #333; -webkit-box-shadow:3px 3px 2px #333; box-shadow:3px 3px 2px #333; }
.dropbox { -moz-border-radius:0 3px 3px 3px; }

.showmsg { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.showmsg .wrap { -moz-border-radius: 0 0 0; -webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0; }
.showmsg, .showmsg .wrap { background:#FCFCFC !important; }


/***TOP HEADER:SEARCH (all page)***/
#search { position:absolute; top:10px; left:219px; }
#search input { color:#999; font-size:11px; float:left; margin:0; outline:0; }
#search input { background:#333 url(../img/searchbar.png) no-repeat 0 0; border:0; height:25px; padding:2px 3px 3px 75px; }
#search button { float:left; border:0; margin:0; background:#333 url(../img/searchicon.png) no-repeat 0 0; width:27px; height:30px; cursor:pointer; }

/***HEADER (all page)***/
.header { background:#333; padding:20px 10px 11px 10px; position:relative; }
.header { border-top:1px solid #444; border-bottom:3px solid #272727; }
.accountinfo { position:absolute; right:10px; top:15px; background:url(../img/blacktrans.png); padding:10px; overflow:hidden; line-height:15px; border-radius:5px; }
.accountinfo img { float:left; }
.accountinfo .info { float:left; margin-left:10px; }
.accountinfo h3 { font-size:12px; color:#FFF; font-weight:normal; }
.accountinfo small { font-size:11px; color:#999; }
.accountinfo p { margin-top:5px; }
.accountinfo p a { font-size:11px; color:#CCC; display:inline-block; color:#BBD0E8; }
.accountinfo p a:hover { text-decoration:underline; }
.accountinfo p a:first-child { margin-right:5px; border-right:1px solid #666; padding-right:7px; }

/***TAB MENU (all page)***/
.tabmenu { line-height:21px; position:absolute; top:61px; left:220px; }
.tabmenu ul { list-style:none; }
.tabmenu ul li { display:inline-block; float:left; position:relative; background:#4b6592 url(../img/tabmenubg.png) repeat-x top left; }
.tabmenu ul li:first-child { -moz-border-radius:3px 0 0 0; -webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0; }
.tabmenu ul li:last-child { -moz-border-radius:0 3px 0 0; -webkit-border-radius:0 3px 0 0; border-radius:0 3px 0 0; }
.tabmenu ul li a { display:inline-block; color:#FFF; background:url(../img/separator.png) no-repeat right center; }
.tabmenu ul li a:hover { text-decoration:none; }
.tabmenu ul li:last-child a { background:none; }
.tabmenu ul li:hover { background:#37507f url(../img/tabmenubg.png) repeat-x 0 -68px; }
.tabmenu ul li a span { display:block; padding:9px 15px 9px 40px; text-transform:uppercase; font-size:12px; text-shadow:1px 1px #224e82; }
.tabmenu ul li.current { background:#EEE; text-shadow:1px 1px #FFF; }
.tabmenu ul li.current a { color:#333; background:none; }
.tabmenu ul li.current a span { text-shadow:1px 1px #FCFCFC; }

.tabmenu ul li a.dashboard span { background:url(../img/icons/dashboard.png) no-repeat 15px 12px; }
.tabmenu ul li.current a.dashboard span { background:url(../img/icons/dashboard.png) no-repeat 15px -57px; }
.tabmenu ul li a.elements span { background:url(../img/icons/elements.png) no-repeat 15px 12px; }
.tabmenu ul li.current a.elements span { background:url(../img/icons/elements.png) no-repeat 15px -57px; }
.tabmenu ul li a.reports span { background:url(../img/icons/reports.png) no-repeat 15px 12px; }
.tabmenu ul li.current a.reports span { background:url(../img/icons/reports.png) no-repeat 15px -57px; }
.tabmenu ul li a.users span { background:url(../img/icons/users.png) no-repeat 15px 14px; }
.tabmenu ul li.current a.users span { background:url(../img/icons/users.png) no-repeat 15px -59px; }

.tabmenu ul li .subnav { 
    position:absolute; min-width:200px; top:39px; left:0; display:none; z-index:100; border:1px solid #6785b0; border-bottom:0; }
.tabmenu ul li .subnav li { display:block; float:none; background:none; }
.tabmenu ul li .subnav li a { display:block; background:#83a3ca; border-bottom:1px solid #6785b0; color:#FFF; }
.tabmenu ul li .subnav li:last-child a { background:#83a3ca; }
.tabmenu ul li .subnav li a:hover { background:#7293c1; color:#FFF; }
.tabmenu ul li .subnav a span { padding:5px 15px; text-transform:capitalize; text-shadow:1px 1px #6785b0; }
.tabmenu ul li.current .subnav { border-color:#CCC; border-top:0; }
.tabmenu ul li.current .subnav li a { background:#EEE; border-bottom:1px solid #CCC; color:#333; }
.tabmenu ul li.current .subnav li a:hover { background:#c8d9ed; }
.tabmenu ul li.current .subnav li a span { text-shadow:1px 1px #F7F7F7; }

/***SIDEBAR (all page)***/
.sidebar { padding:20px 0 20px 0; width:220px; display:block; float:left; }

#accordion h3 { background:url(../img/arrow.png) no-repeat 10px 6px; padding-left:30px; }
#accordion h3 { cursor:pointer; font-size:12px; color:#333; text-transform:uppercase; }
#accordion h3.open { background:url(../img/arrow.png) no-repeat 10px -37px; }
#accordion .content { display:none; margin:10px 0 20px 0; }
#accordion .content:last-child { padding:0 15px; color:#333; }


.leftmenu { list-style:none; }
.leftmenu li { display:block; margin-bottom:1px; }
.leftmenu li a { font-size:12px; display:block; padding:5px 0 5px 40px; color:#333; }
.leftmenu li a:hover { }
.leftmenu li.current a { background-color:#EEE; border-right:0; color:#333; border-top:1px solid #a6c0de; border-bottom:1px solid #a6c0de; }
.leftmenu li.current a:hover { text-decoration:none; }

.leftmenu li a.form { background-image:url(../img/icons/form.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.table { background-image:url(../img/icons/table.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.gallery { background-image:url(../img/icons/gallery.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.home { background-image:url(../img/icons/dashboard.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.grid { background-image:url(../img/icons/grid.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.calendar { background-image:url(../img/icons/cal.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.buttons { background-image:url(../img/icons/buttons.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.editor { background-image:url(../img/icons/editor.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.file { background-image:url(../img/icons/file.png); background-repeat:no-repeat; background-position:15px center; }
.leftmenu li a.error { background-image:url(../img/icons/404.png); background-repeat:no-repeat; background-position:15px center; }

/***COLUMNS***/
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }

.last{ margin-right:0 !important; clear:right; }

/***MAIN CONTENT (dashboard.html)***/
.maincontent { margin-left:220px; min-width:700px; position:relative; color:#333; margin-bottom:10px; }
.maincontent .left { padding:0 10px; overflow:hidden;}
.maincontent .right { padding:20px 0; padding-right:15px; overflow:hidden; }
.maincontent .right .widgetbox:last-child { margin-bottom:0; border-bottom:0; }

.maincontent_inner { width:780px; margin-right:0; }

.breadcrumbs { font-size:12px; padding:0 15px 0 30px; margin:10px; border:1px solid #DDD; }
.breadcrumbs { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#F7F7F7 url(../img/icons/home.png) no-repeat 5px 8px; }
.breadcrumbs { -moz-box-shadow:1px 1px 0 #F3F3F3; }
.breadcrumbs a { display:inline-block; color:#069; padding:5px 20px 5px 0; }
.breadcrumbs a { background:url(../img/separator2.png) no-repeat right center; margin-right:10px; }
.breadcrumbs a:hover { text-decoration:none; }
.breadcrumbs span { color:#666; }
.breadcrumbs .date { color:#0A3E84; margin-top:5px; float:right; }

.widgetlist { list-style:none; }
.widgetlist li { display:inline-block; float:left; width:130px; margin:0 11px 0; }
.widgetlist li a { display:block; padding:15px; border:1px solid #CCC; color:#333; text-align:center; background:#F7F7F7; }
.widgetlist li a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 0 #FFF; color:#069; }
.widgetlist li a span { font-size:12px; display:block; margin-top:10px; }
.widgetlist li a:hover { -moz-box-shadow:0 0 4px #DDD; background:#FCFCFC; text-decoration:none; }


/***MAIN CONTENT:BUTTONS(elements.html)***/
button.button { padding:7px 15px; font-size:12px; display:inline-block; border-radius:3px; box-shadow:1px 1px 2px #EEE; cursor:pointer; }
button.button:hover, .button:active { background-position:0 -39px; }

.anchorbutton { padding:7px 15px; font-size:12px; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.anchorbutton { -moz-box-shadow:1px 1px 2px #EEE; -webkit-box-shadow:1px 1px 2px #EEE; box-shadow:1px 1px 2px #EEE; cursor:pointer; }
.anchorbutton:hover, .anchorbutton:active { background-position:0 -39px; text-decoration:none; }

.button_white { border:1px solid #CCC; background:#EEE url(../img/buttons/button_white.png) repeat-x top left; text-shadow:1px 1px #F7F7F7; color:#333; }
.button_white:active { -moz-box-shadow:inset 2px 2px 2px #CCC; -webkit-box-shadow:inset 2px 2px 2px #CCC; box-shadow:inset 2px 2px 2px #CCC; }

.button_blue { border:1px solid #39537f; background:#EEE url(../img/buttons/button_blue.png) repeat-x top left; text-shadow:1px 1px #39537f; color:#FFF; }
.button_blue:active { -moz-box-shadow:inset 2px 2px 2px #12274c; -webkit-box-shadow:inset 2px 2px 2px #12274c; box-shadow:inset 2px 2px 2px #12274c; }

.button_black { border:1px solid #333; background:#333 url(../img/buttons/button_black.png) repeat-x top left; text-shadow:1px 1px #333; color:#FFF; }
.button_black:active { -moz-box-shadow:inset 2px 2px 2px #12274c; -webkit-box-shadow:inset 2px 2px 2px #12274c; box-shadow:inset 2px 2px 2px #12274c; }

.button_red { border:1px solid #b22407; background:#333 url(../img/buttons/button_red.png) repeat-x top left; text-shadow:1px 1px #b22407; color:#FFF; }
.button_red:active { -moz-box-shadow:inset 2px 2px 2px #b22407; -webkit-box-shadow:inset 2px 2px 2px #b22407; box-shadow:inset 2px 2px 2px #b22407; }

.button_yellow { border:1px solid #c67601; background:#333 url(../img/buttons/button_yellow.png) repeat-x top left; text-shadow:1px 1px #c67601;color:#FFF; }
.button_yellow:active { -moz-box-shadow:inset 2px 2px 2px #c67601; -webkit-box-shadow:inset 2px 2px 2px #c67601; box-shadow:inset 2px 2px 2px #c67601; }

.button_green { border:1px solid #507e0c; background:#333 url(../img/buttons/button_green.png) repeat-x top left; text-shadow:1px 1px #507e0c;color:#FFF; }
.button_green:active { -moz-box-shadow:inset 2px 2px 2px #507e0c; -webkit-box-shadow:inset 2px 2px 2px #507e0c; box-shadow:inset 2px 2px 2px #507e0c; }

.button_brown { border:1px solid #574128; background:#333 url(../img/buttons/button_brown.png) repeat-x top left; text-shadow:1px 1px #574128; color:#FFF; }
.button_brown:active { -moz-box-shadow:inset 2px 2px 2px #574128; -webkit-box-shadow:inset 2px 2px 2px #574128; box-shadow:inset 2px 2px 2px #574128; }

.button_lblue { border:1px solid #7197bd; background:#333 url(../img/buttons/button_lblue.png) repeat-x top left; text-shadow:1px 1px #FFF; color:#2161a0; }
.button_lblue:active { -moz-box-shadow:inset 2px 2px 2px #7197bd; -webkit-box-shadow:inset 2px 2px 2px #7197bd; box-shadow:inset 2px 2px 2px #7197bd; }

/***MAIN CONTENT:WIDGET BOX (dashboard.html)***/
.widgetbox { margin-bottom:20px; -moz-box-shadow:1px 1px 2px #CCC; -webkit-box-shadow:1px 1px 2px #CCC; box-shadow:1px 1px 2px #CCC; }
.widgetbox h3 { font-size:12px; text-transform:uppercase; color:#FFF; font-weight:normal; text-shadow:1px 1px #4b6592; }
.widgetbox h3 { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;  }
.widgetbox h3 { border:1px solid #6082ad; background:#688ab5 url(../img/titlebg.png) repeat-x top left; }
.widgetbox h3 span { padding:10px 15px; display:block; }
.widgetbox h3.arrow span { background:url(../img/toggle.png) no-repeat right center; }
.widgetbox .content { background:#FCFCFC; padding:20px 15px; color:#666; overflow:hidden; border:1px solid #CCC; border-top:0; }
.widgetbox .content { -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.widgetbox .content p { margin:5px auto; }
.widgetbox .content p:first-child { margin-top:0; }

.widgetbox2 { margin-bottom:20px; -moz-box-shadow:1px 1px 2px #DDD; -webkit-box-shadow:1px 1px 2px #DDD; box-shadow:1px 1px 2px #DDD; }
.widgetbox2 h3 { font-size:12px; color:#333; font-weight:normal; text-shadow:1px 1px #FFF; }
.widgetbox2 h3 { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;  }
.widgetbox2 h3 { border:1px solid #DDD; background:#EEE url(../img/thead.png) repeat-x top left; }
.widgetbox2 h3 span { padding:10px 15px; display:block; }
.widgetbox2 h3.arrow span { background:url(../img/toggle2.png) no-repeat right center; }
.widgetbox2 .content { background:#FCFCFC; padding:20px 15px; color:#666; overflow:hidden; border:1px solid #DDD; border-top:0; }
.widgetbox2 .content { -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.widgetbox2 .content p { margin:5px 0; }
.widgetbox2 .content p:first-child { margin-top:0; }
.widgetbox2 .content label { display:block; padding:0; width:120px; margin-right:15px; float:left; }

/***PROGRESS BAR (dashboard.html)***/
.progress { margin:5px 0; }
.progress .bar { background:#DDD; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:2px; }
.progress .bar { -moz-box-shadow:inset 2px 2px 3px #999; -webkit-box-shadow:inset 2px 2px 3px #999; box-shadow:inset 2px 2px 3px #999; }
.progress .bar .value { height:5px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

.progress .bar2 { background:#DDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:2px; }
.progress .bar2 { -moz-box-shadow:inset 2px 2px 3px #999; -webkit-box-shadow:inset 2px 2px 3px #999; box-shadow:inset 2px 2px 3px #999; }
.progress .bar2 .value { padding:3px 0; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#FFF; }
.progress .bar2 .value { background-image:url(../img/barbg.png); background-repeat:repeat-x; background-position:0 0; }

.progress .bluebar { background-color:#069; }
.progress .orangebar { background-color:#F90; }
.progress .redbar { background-color:#cc0000; }


/***MAIN CONTENT:FULL PAGE***/
.fullpage { margin:20px 15px; }
.pageTitle { font-size:24px; margin-bottom:10px; text-shadow:1px 1px #FFF; }

/***MAIN CONTENT:SUB MENU (users.html)***/
.submenu { list-style:none; overflow:hidden; }
.submenu li { display:inline-block; float:left; }
.submenu li a { display:block; padding:5px 10px; border:1px solid #bbb; background:url(../img/bgbutton4.png) repeat-x top left; border-left:0; }
.submenu li a { color:#333; text-shadow:1px 1px #EEE; -moz-box-shadow:1px 1px 0 #FCFCFC; -webkit-box-shadow:1px 1px 0 #FCFCFC; box-shadow:1px 1px 0 #FCFCFC; }
.submenu li a:hover { -moz-box-shadow:inset 1px 1px 2px #CCC; -webkit-box-shadow:inset 1px 1px 2px #CCC; box-shadow:inset 1px 1px 2px #CCC; }
.submenu li a:hover { text-decoration:none; }
.submenu li.current a { background:#F7F7F7; color:#069; text-shadow:none; }
.submenu li.current a:hover { -moz-box-shadow:none; webkit-box-shadow:none; box-shadow:none; }
.submenu li:last-child a { -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
.submenu li:first-child a { -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; border-left:1px solid #bbb; }

/***MAIN CONTENT:FORM STYLING (forms.html)***/
.sf { width:250px; }
.mf { width:350px; }
.lf { width:450px; }
textarea.mf { height:100px; }
input[type=radio], input[type=checkbox] { margin:0; padding:0; vertical-align:middle; }

.form_default fieldset { border:1px solid #CCC; padding:20px 120px; background:#F7F7F7; }
.form_default legend { text-transform:uppercase; }
.form_default p { margin:20px 0 !important; }
.form_default div { margin:30px 0 !important; font-size:11pt; }
.form_default label { width:150px; float:left; text-align:right; margin-right:10px; }

.form_default input[type=text], .form_default input[type=password] { font-size:12px; padding:8px 5px; border:1px solid #CCC; background:#FCFCFC; outline:none; box-shadow:0 0 5px #CCC inset; border-radius:5px; }

.form_default textarea { font-size:12px; padding:8px 5px; border:1px solid #CCC; background:#FCFCFC; outline:none; box-shadow:inset 1px 1px 3px #CCC; border-radius:3px; }

.form_default select { font-size:12px; padding:5px; border:1px solid #CCC; background:#FCFCFC; outline:none; box-shadow:inset 1px 1px 3px #CCC; border-radius:3px; }

.form_default input[type=text]:focus, .form_default input[type=password], .form_default textarea:focus { background:#FFF; }

.form_default button { background:#4b6592 url(../img/buttonbg3.png) repeat-x top left; color:#FFF; padding:7px 20px; cursor:pointer;  border-radius:3px; border:1px solid #395380; font-size:12px; text-transform:uppercase; text-shadow:1px 1px #395380; margin-left:170px; box-shadow:1px 1px 2px #999; margin-left:230px; }
.form_default button:hover { background:#005681 url(../img/buttonbg3.png) repeat-x 0 -36px; }
.form_default button:active { box-shadow:inset 2px 2px 2px #12274c; }

.form_default input.error, .form_default textarea.error, .form_default select.error { border:1px solid #ff0000; }
.form_default label.error { float:none; width:auto; color:#ff0000; font-size:11px; display:inline-block; }

/***MAIN CONTENT:STANDARD TABLE (users.html)***/
.addNewButton { float:right; border:1px solid #CCC; background:#4b6592 url(../img/buttonbg3.png) repeat-x top left; color:#FFF; padding:5px 10px; }
.addNewButton { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #395380; font-size:12px; }
.addNewButton { text-transform:uppercase; text-shadow:1px 1px #395380; margin:-30px 0 0 170px; }
.addNewButton { -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999; }
.addNewButton:hover { background:#005681 url(../img/buttonbg3.png) repeat-x 0 -36px; text-decoration:none; }

.sTableOptions { padding:12px 10px; border:1px solid #bbb; border-bottom:0; background:#EEE url(../img/thead.png) repeat-x top left; }
.sTableOptions { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; position:relative; }
.sTableOptions .button { display:inline-block; border:1px solid #4b6592; background:url(../img/buttonbg3.png) repeat-x top left; }
.sTableOptions .button { font-size:11pt; color:#FFF; text-shadow:1px 1px #395380; -webkit-box-shadow:0 1px 0 #DDD; box-shadow:0 1px 0 #DDD; }
.sTableOptions .button { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 #DDD; }
.sTableOptions .button:hover { cursor:pointer; text-decoration:none; background-position:top left; background:#005681 url(../img/buttonbg3.png) repeat-x 0 -36px;}
.sTableOptions .button:active { -moz-box-shadow:inset 1px 1px 2px #999; -webkit-box-shadow:inset 1px 1px 2px #4b6592; box-shadow:inset 1px 1px 2px #4b6592; }
.sTableOptions .button:active { background:#4b6592; }
.sTableOptions .button span { padding:5px 20px; display:block; }
.sTableOptions h4 { font-size:12px; font-weight:normal; color:#333; }

.sTableOptions .delete span { background:url(../img/icons/trash.png) no-repeat 8px center; padding-left:30px; }

/***(tables.html)***/
.sTableOptions2 { padding:12px 10px; border:1px solid #CCC; border-bottom:0; background:#DDD url(../img/bgbutton5.png) repeat-x top left; }
.sTableOptions2 { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; position:relative; }
.sTableOptions2 .button { display:inline-block; border:1px solid #999; background:url(../img/buttonbg5.png) repeat-x bottom left; }
.sTableOptions2 .button { text-transform:uppercase; color:#333; text-shadow:1px 1px #FCFCFC; -webkit-box-shadow:0 1px 0 #DDD; box-shadow:0 1px 0 #DDD; }
.sTableOptions2 .button { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 #DDD; }
.sTableOptions2 .button:hover { cursor:pointer; text-decoration:none; background-position:top left; }
.sTableOptions2 .button:active { -moz-box-shadow:inset 1px 1px 2px #999; -webkit-box-shadow:inset 1px 1px 2px #999; box-shadow:inset 1px 1px 2px #999; }
.sTableOptions2 .button:active { background:#EEE; }
.sTableOptions2 .button span { padding:5px 10px; display:block; }
.sTableOptions2 h4 { font-size:12px; font-weight:normal; color:#333; }

.sTableHead { border-collapse:collapse; }
.sTableHead td { padding:8px 10px; color:#CCC; text-shadow:1px 1px #444; font-size:12px; text-transform:uppercase; border-right:1px solid #777; }
.sTableHead .head0 { background:#666; }
.sTableHead .head1 { background:#555; }

.sTableWrapper { border:1px solid #bbb; border-top:0; }

.sTable { border-collapse:collapse; }
.sTable tr td { padding:8px 10px; border-right:1px solid #FFF; border-bottom:1px solid #DDD; vertical-align:top; }
.sTable thead th { padding:8px 10px; color:#CCC; text-shadow:1px 1px #444; font-size:12px; text-transform:uppercase; border-right:1px solid #777; }
.sTable thead th { font-weight:normal; text-align:left; }
.sTable tr td:last-child { border-right:0; }
.sTable tr:last-child td { border-bottom:0; }
.sTable tr:hover { background:#DDD; }
.sTable tr.selected { background:#FFFCCC; }
.sTable .head0 { background:#666; }
.sTable .head1 { background:#555; }
.sTable .con1 { background:#EEE; }
.sTable .con0 { background:#F7F7F7; }

/***(tables.html)***/
.sTable2 { border-collapse:collapse; border:1px solid #CCC; }
.sTable2 thead td { padding:5px 10px; background:#EEE url(../img/thead.png) repeat-x top left; border:1px solid #CCC; }
.sTable2 thead th { padding:5px 10px; background:#EEE url(../img/thead.png) repeat-x top left; border:1px solid #CCC; }
.sTable2 tbody tr td { padding:10px; background:#FFF; border-top:1px solid #EEE; border-left:1px solid #EEE; }
.sTable2 tbody tr td:first-child { border-left:1px solid #CCC; }
.sTable2 tbody tr.even td { background:#FCFCFC; }

.sTable3 { border-collapse:collapse; }
.sTable3 thead td { padding:5px 10px; background:#EEE url(../img/thead.png) repeat-x top left; border-bottom:1px solid #CCC; }
.sTable3 tbody tr td { padding:10px; background:#FFF; border-top:1px solid #EEE; border-left:1px solid #EEE; }
.sTable3 tbody tr.even td { background:#FCFCFC; }

/**dynamic table***/
.dataTables_wrapper { border:1px solid #CCC; background:#EEE url(../img/thead.png) repeat-x top left; 
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; }
.dataTables_filter { position:absolute; top:11px; right:5px; }
.dataTables_length { padding:10px 10px; }
.dataTables_wrapper label { display:inline-block; margin-right:5px; }
.dyntable { width:100%; background:#FCFCFC; }
.dyntable thead th, .dyntable tfoot th { padding:5px 10px; color:#FFF; font-weight:normal; text-align:left; }
.dyntable thead th.head0, .dyntable tfoot th.head0 { background:#666; }
.dyntable thead th.head1, .dyntable tfoot th.head1 { background:#555; }
.dyntable tbody tr td { padding:5px 10px; border-top:1px solid #DDD; vertical-align:middle; }
.dyntable tbody tr:first-child td { border-top:0; }
.dyntable .con1 { background:#EEE; }
.dyntable .con0 { background:#F7F7F7; }
.dyntable thead th.sorting { background-image:url(../img/sort_both.png); background-repeat:no-repeat; background-position:right 5px; }
.dyntable thead th.sorting_asc { background-image:url(../img/sort_asc.png); background-repeat:no-repeat; background-position:right 6px; }
.dyntable thead th.sorting_desc { background-image:url(../img/sort_desc.png); background-repeat:no-repeat; background-position:right 6px; }

.dataTables_info { padding:10px; }
.paging_full_numbers { position:absolute; bottom:7px; right:8px; }
.paging_full_numbers .paginate_button { 
    display:inline-block; padding:2px 8px; border:1px solid #CCC; margin-left:5px; 
    background:#EEE url(../img/buttonbg5.png) repeat-x top left; cursor:pointer;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.paging_full_numbers .paginate_button:hover { 
    background:#EEE; -moz-box-shadow:inset 1px 1px 2px #CCC; -webkit-box-shadow:inset 1px 1px 2px #CCC;
    box-shadow:inset 1px 1px 2px #CCC; 
}
.paging_full_numbers .paginate_active, .paging_full_numbers .paginate_button:active { 
    display:inline-block; padding:2px 8px; border:1px solid #405A87; margin-left:5px; 
    background:#405A87 url(../img/buttonbg3.png) repeat-x top left; color:#FFF; 
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.paging_full_numbers .paginate_button_disabled { color:#999; }

/***PAGINATION (users.html)***/
.pagination a { display:inline-block; padding:5px 10px; color:#333; border:1px solid #bbb; background:url(../img/buttonbg5.png) repeat-x bottom left; }
.pagination a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.pagination a { -moz-box-shadow:1px 1px 0 #F7F7F7; -webkit-box-shadow:1px 1px 0 #F7F7F7; box-shadow:1px 1px 0 #F7F7F7; }
.pagination a:hover { -moz-box-shadow:inset 1px 1px 3px #EEE; -webkit-box-shadow:inset 1px 1px 3px #EEE; }
.pagination a:hover { text-decoration:none; background:#EEE; box-shadow:inset 1px 1px 3px #EEE; }
.pagination a.disabled { color:#999; border:1px solid #CCC; }
.pagination a.disabled:hover { background:url(../img/buttonbg5.png) repeat-x bottom left; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.pagination a.current { background:#333 url(../img/buttonbg3.png) repeat-x top left; color:#FFF; border:1px solid #405a87; }
.pagination a.current:hover { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

.pgright { position:absolute; right:10px; top:12px; }
.pgright a.disabled { border:1px solid #CCC; }

/***MAINCONTENT:GALLERY (galery.html)***/
.gallery .thumbview ul { list-style:none; }
.gallery .thumbview ul li { float:left; display:inline-block; margin-right:20px; margin-bottom:20px; }
.gallery .thumbview .thumb { border:1px solid #CCC; padding:10px; background:#FCFCFC; -moz-box-shadow:1px 1px 2px #DDD; box-shadow:1px 1px 2px #DDD; }
.gallery .thumbview .thumb { -moz-border-radius:3px; -webit-border-radius:3px; border-radius:3px; -webkit-box-shadow:1px 1px 2px #DDD; position:relative; }
.gallery .thumbview .thumb img { cursor:pointer; }
.gallery .thumbview .info { width:230px; height:130px; position:absolute; top:10px; left:10px; font-size:12px; line-height:18px; }
.gallery .thumbview .info { padding:10px; background:url(../img/blacktrans1.png); display:none; cursor:pointer; }
.gallery .thumbview .info label { width:70px; display:inline-block; color:#CCC; }
.gallery .thumbview .info span { color:#FFF; }
.gallery .thumbview .info .menu { margin-top:10px; }
.gallery .thumbview .info .menu a { display:inline-block; margin-right:5px; width:22px; height:22px; }
.gallery .thumbview .info .menu a { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.gallery .thumbview .info .menu a.view { background:#83a3ca url(../img/viewdelete.png) no-repeat 5px 5px; }
.gallery .thumbview .info .menu a.delete { background:#83a3ca url(../img/viewdelete.png) no-repeat 5px -15px; }
.gallery .thumbview .info .menu a:hover { text-decoration:none; background-color:#6385ae; }

.gallery .listview { display:none; }

/***PAGES:message.html, info.html***/
.messagelist h4 { font-size:11px; color:#333; font-weight:normal; padding:8px 10px; border-bottom:1px solid #CCC; text-transform:uppercase; }
.messagelist .link { padding:8px 10px; background:#EEE; font-size:11px; border-top:1px solid #CCC; }
.messagelist ul { list-style:none; }
.messagelist ul li { display:block; border-bottom:1px dotted #CCC; padding:5px 10px; }
.messagelist ul li:last-child { border-bottom:0; }
.messagelist ul li.current { background:#FFF; color:#333; }
.messagelist ul li.current a { color:#6385ae; font-weight:bold; }
.messagelist ul li a { display:block; color:#333; }
.messagelist ul li a:hover { text-decoration:none; }
.messagelist ul li span { color:#666; display:block; font-size:11px; }
.messagelist ul li small { font-size:11px; color:#666; }
.messagelist ul li:hover { background:#e8F3fe; }

/***MAIN CONTENT:ELEMENTS (elements.html)***/
.imgleft { float:left; margin:0 10px 0 0; padding:5px; border:1px solid #CCC; }
.imgleft { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

/**BUTTONS & ICONS**/
.iconlink { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#FFF; text-shadow:1px 1px #304978; margin-bottom:5px; }
.iconlink { -moz-box-shadow:1px 1px 0 #F7F7F7; -webkit-box-shadow:1px 1px 0 #F7F7F7; box-shadow:1px 1px 0 #F7F7F7; }
.iconlink { display:inline-block; padding:3px 5px; border:1px solid #304978; background:url(../img/buttonbg3.png) repeat-x top left; }
.iconlink:hover { background-position:0 -36px; text-decoration:none; }
.iconlink:active { -moz-box-shadow:inset 1px 1px 2px #304978; -webkit-box-shadow:inset 1px 1px 2px #304978; box-shadow:inset 1px 1px 2px #304978; }
.iconlink img { vertical-align:middle; display:inline-block; }

.iconlink2 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#333; margin-bottom:2px; }
.iconlink2 { -moz-box-shadow:1px 1px 0 #F7F7F7; -webkit-box-shadow:1px 1px 0 #F7F7F7; box-shadow:1px 1px 0 #F7F7F7; }
.iconlink2 { display:inline-block; padding:3px 3px; border:1px solid #CCC; background:url(../img/bgbutton4.png) repeat-x top left; }
.iconlink2:active { -moz-box-shadow:inset 1px 1px 2px #CCC; -webkit-box-shadow:inset 1px 1px 2px #CCC; box-shadow:inset 1px 1px 2px #CCC; }
.iconlink2:hover { background-position:0 -37px; text-decoration:none; }
.iconlink2 img { vertical-align:middle; display:inline-block; }

/**INVOICE**/
.invoice { border:1px solid #CCC; background:#F7F7F7; -moz-box-shadow:1px 1px 3px #DDD; -webkit-box-shadow:1px 1px 3px #DDD; box-shadow:1px 1px 3px #DDD; }
.invoice_inner { padding:20px; position:relative; overflow:hidden; }
.invoice .title { font-size:18px; float:right; }
.invoicetable { border-collape:collapse; }
.invoicetable thead td { border-bottom:1px solid #CCC; padding:5px 0; font-weight:bold; }
.invoicetable .subtotal td { font-weight:bold; }
.invoicetable tr td.line { border-bottom:1px solid #CCC; }

/** FOOTER**/
.footer { background:#333; padding:10px 0; }
.footerinner { padding:0 20px; text-align:right; font-size:11px; color:#CCC; }
.footer_float { position:fixed; bottom:0; left:0; width:100%; }

/***MAIN CONTENT:CUSTOM STYLES***/
.errorpage { padding:20px; }
.widgetbox .content .bright { border-right:1px solid #DDD; width:47%; }
.clear { clear:both; height:15px;  }
.nopadding { padding:10px 0; }
.loaders img { vertical-align:middle; display:inline-block; margin-right:10px; }
.padding15 { padding:15px; overflow:hidden; }
.padding1020 { padding:10px 20px; }
.padding20 { padding:20px; overflow:hidden; }
.borderbottom { border-bottom:1px solid #EEE; }
.floatleft { float:left; }
.width50 { width:50px; }
.ohidden { overflow:hidden; }
.overflownone { overflow:none !important; }
.marginleft150 { margin-left:150px; }
.marginbottom20 { margin-bottom:20px; }
.color069 { color:#069; }
.tooltipflot { background:url(../img/blacktrans1.png); padding:2px 10px; color:#FFF; font-size:11px; }
.tooltipflot { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#colorselector { width:16px; height:16px; border:2px solid #CCC; display:inline-block; }
#colorselector { background:url(../img/colorpicker.png) no-repeat top left; cursor:pointer; }
.pie { height:200px; width:290px; }
.external-event { border:1px solid #a6bdd8; padding:7px 10px; color:#333; margin-bottom:5px; background:#c8d9ed; cursor:move; }
.mgright5 { margin-right:5px; }
.inlineblock { display:inline-block; }
.bordertop { border-top:1px solid #CCC; }
#visite { color:#FFF; font-size:14px; padding:5px; }
.visite { display:inline-block; width: 35% !important; text-align: left; }
.container { width: 100% !important;}
.text-right { text-align:right !important; }
.collapse { min-width: 1200px; }