/*@import url('../fonts/roboto.css');
@import url('plugins/jquery.alerts.css');
@import url('plugins/uniform.tp.css');
@import url('plugins/jquery.ui.css');
@import url('plugins/jquery.ui.autocomplete.css');
@import url('plugins/fullcalendar.css');
@import url('plugins/colorbox.css');
@import url('plugins/colorpicker.css');
@import url('plugins/jquery.jgrowl.css');
@import url('plugins/jquery.tagsinput.css');
@import url('plugins/ui.spinner.css');
@import url('plugins/jquery.chosen.css');*/


/***** RESET STYLE *****/
/**************************/

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;
    table-layout: auto;/* !important; /*display: block;*/ /*vertical-align: baseline;*/
}



/***** GENERAL STYLES *****/
/*****************************/
/*Style Button On Safari Browser*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .dxbButton div.dxb
    {
        padding: 2px 0px 3px;
        border: 1px dotted transparent;
    }

}
/*Dev font head popup*/
.dxpcLite_DevEx,
.dxdpLite_DevEx 
{
	border-spacing: 0;
	font: 14px tahoma, Verdana, Geneva, sans-serif;
}
.dxeButtonEdit_DevEx
{
    font: 14px Tahoma,Verdana, Geneva, sans-serif;
}
/*Dev Upload Control*/
.dxucBrowseButton_DevEx
{
    border: 1px solid #A9ACB5;
    background: #658697;
}
.dxucControl_DevEx .dxucBrowseButton_DevEx a
{
    color: #FFFFFF;
}
/*΅ΡΗΝΡ‘ΙΓγΉ Gridview*/
.dxgvControl_DevEx, .dxgvDisabled_DevEx
{
    font: 14px Tahoma,Verdana, Geneva, sans-serif;
    color: #201f35;
    cursor: default;
}
/*Focus Row Gridview*/
.dxgvFocusedRow_DevEx
{
    background: none; /*color: #d9e4fd;*/
}
/*΅ΡΗΝΡ‘ΙΓγΉ Gridview*/
.dxeBase_DevEx
{
    font: 14px Tahoma, Geneva, sans-serif !important;
}
/*΅ΡΗΛΉΡ§ΚΧΝγΉ Textbox ‘ΡΊγΉ MemoText*/
.dxeTextBox_DevEx
{
    font: 14px Tahoma,Verdana, Geneva, sans-serif !important;
}
.dxeMemo_DevEx
{
    font: 14px Tahoma,Verdana, Geneva, sans-serif !important;
}
.dxbButton_DevEx
{
    height: 27px !important;
    font: 14px Tahoma,Verdana, Geneva, sans-serif !important;
    padding: 1px !important; /*color: #FFFFFF !important;     background: #658697 !important;*/
}
.dxbButtonHover_DevEx
{
    font: 14px Tahoma,Verdana, Geneva, sans-serif !important;
    height: 27px !important;
    padding: 1px !important; /*color: #FFFFFF !important;     background: #658697 !important;*/
}
/**ΚΥ »ΨθΑ ΰΑΧθΝ Enable**/
.dxbDisabled_DevEx, a.dxbButton_DevEx.dxbDisabled_DevEx
{
    color: #FFFFFF !important;
    background: #adadad !important;
}
/*Header Popup*/
.dxpcLite_DevEx .dxpc-header, .dxdpLite_DevEx .dxpc-header
{
    background: #666666;
    color: #FFFFFF;
}
/*font rank*/
.dxeListBox_DevEx
{
    font: 14px Tahoma, Geneva, sans-serif !important;
}
ti
{
    color: Black;
}
/*Style div ’Ν§ ͺΧθΝ Survey*/
.nameSurvey_Div
{
    background-color: #e5e5e5;
    width: 100%;
    height:47px;
}
.nameSurvey_Div2
{
    background-color: #e5e5e5;
    width: 50%;
}
body
{
    font-size: 14px !important;
    font-family: "Tahoma,Helvetica Neue" , Arial, Helvetica, sans-serif !important;
    color: #666;
    line-height: 21px;
    background-color: #fcfcfc; 
}
input, select, textarea, button
{
    font-size: 12px;
    font-family: "Helvetica Neue" , Arial, Helvetica, sans-serif;
    outline: none;
    margin: 0;
}
a
{
    text-decoration: none;
    color: #666;
    outline: none;
}
button
{
    outline: none;
}
a img
{
    border: 0;
}
h1, h2, h3, h4, h5, span.h3
{
    font-family: 'RobotoBoldCondensed' , Arial, Helvetica, sans-serif;
    font-weight: normal;
}
small
{
    font-size: 11px;
}
h1
{
    font-size: 22px;
}
h2
{
    font-size: 20px;
    border-bottom: 2px solid #eb3216;
    display: block;
    padding: 2px 0px 3px 5px;
}
h3
{
    font-size: 18px;
    line-height: 35px;
}
h4
{
    font-size: 12px;
    display: block;
    background-color: #e2e1dd;
    padding: 3px 0px 3px 10px;
    font-weight: bold;
}
h5
{
    font-size: 14px;
    line-height: 40px;
}

span.h3
{
    font-size: 24px;
    display: block;
}

body.withvernav
{
    background: #f5f5f5 url(../images/line.ccc.png) repeat-y 230px 0;
}
/* with left menu*/
body.withmenucoll
{
    background-position: 55px 0;
}
/* with menu style 1 in collapsed mode */
body.withmenucoll2
{
    background-position: 35px 0;
}
/* with menu style 2 in collapsed mode */

.clear
{
    clear: both;
}
.fontGv
{
    font: "Tahoma";
}
/* UNCOMMENT THE BELOW CODE TO HAVE A FIXED VERSION LAYOUT */
/*
body { background: #eee !important; }
.bodywrapper { 
	background-color: #fff; width: 1200px; padding: 20px; border: 1px solid #ccc; border-top: 0; 
	border-bottom: 0; margin: 0 auto; position: relative; box-shadow: 0 0 5px #ccc; 
}
.bodywrapper .vernav, .bodywrapper .vernav2 { top: 179px; left: 20px; border: 1px solid #ddd; border-top: 0; }
.bodywrapper .centercontent { margin-left: 232px; }
.withmenucoll2 .bodywrapper .centercontent { margin-left: 37px; }
.withmenucoll .bodywrapper .centercontent { margin-left: 57px; }
*/



/***** VERTICAL NAVIGATION STYLES *****/
/******************************************/


.vernav
{
    width: 100%;
    position: absolute;
    left: 0;
    top: 160px;
}
.vernav ul
{
    list-style: none;
    margin: 10px;
}
.vernav ul li
{
    display: block;
    margin-bottom: 1px;
    position: relative;
}
.vernav ul li a
{
    display: block;
    padding: 12px 10px;
    background: #f7f7f7;
    font-family: 'RobotoBoldCondensed' , Arial, Helvetica, sans-serif;
    color: #32415a;
    text-transform: uppercase;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.vernav ul li a:hover
{
    background-color: #32415A;
    color: #eee;
}
.vernav ul li.current a
{
    background-color: #32415a;
    color: #fb9337;
}
.vernav ul ul
{
    margin: 0;
    margin-left: 10px;
    display: none;
}
.vernav ul ul li a
{
    color: #999;
    background: #fff url(../images/line.dashed.png) no-repeat -25px center;
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}
.vernav ul ul li a:hover
{
    background-color: #fff;
    color: #666;
}
.vernav ul li.current ul
{
    display: block;
}
.vernav ul li.current ul li a
{
    background-color: #fff;
    color: #999;
}
.vernav ul li.current ul li a:hover
{
    color: #666;
}
.vernav ul li.current ul li.current a
{
    color: #fb9337;
    background-color: #fff;
}

.vernav2
{
    width: 100%;
    /*position: absolute;*/
    left: 0; /*top: 151px;*/
}
.vernav2 ul
{
    list-style: none;
    margin: 0;
    background: #f0f0f0;
}
.vernav2 ul li
{
    display: block;
    border-bottom: 1px solid #ddd;
    position: relative;
    background: #f0f0f0;
}
.vernav2 ul li a
{
    display: block;
    padding: 9px 10px;
    background: #f5f5f5;
    font-family: 'RobotoBoldCondensed' , Arial, Helvetica, sans-serif;
    color: #32415a;
    text-transform: uppercase;
}
.vernav2 ul li a:hover
{
    /*background-color: #fcfcfc;*/
    /*background-color: #648697;*/
    background-color: #FFFFFF;
    color: #32415a;
}
.vernav2 ul li.current a
{
    background-color: #f7f7f7;
    color: #a40001;
    font-weight: bold;
}
.vernav2 ul ul
{
    margin: 0;
    padding-left: 10px;
    border-top: 1px solid #eee;
    display: none;
}
.vernav2 ul ul li
{
    border-bottom: 0;
}
.vernav2 ul ul li a
{
    color: #999;
    background: #fff url(../images/line.dashed.png) no-repeat -25px center;
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}
.vernav2 ul ul li a:hover
{
    background-color: #fff;
    color: #666;
}
.vernav2 ul ul li:last-child
{
    border-bottom: 0;
}
.vernav2 ul li.current ul
{
    display: block;
}
.vernav2 ul li.current ul li a
{
    background-color: #fff;
    color: #999;
}
.vernav2 ul li.current ul li a:hover
{
    color: #666;
}
.vernav2 ul li.current ul li.current a
{
    background-color: #fff;
    color: #fb9337;
}

.vernav ul li span.arrow, .vernav2 ul li span.arrow
{
    position: absolute;
    top: 17px;
    right: 10px;
    background: url(../images/default/menuarrow.png) no-repeat 0 0;
    width: 11px;
    height: 5px;
}
.vernav ul li.current span.arrow, .vernav2 ul li.current span.arrow
{
    background-position: 0 -5px;
}

.iconmenu ul li a
{
    padding-left: 50px;
    padding-top: 17px; /*background-image: url(../images/default/icons_sprite.png); */
    background-repeat: no-repeat;
    background-position: 10px 12px !important;
    background-color: #f0f0f0;
}
/*.iconmenu ul li a:hover { background-image: url(../images/default/icons_sprite2.png); }
.iconmenu ul li.current a:hover { background-image: url(../images/default/icons_sprite.png); }*/
.iconmenu ul ul
{
    padding-left: 25px;
}


.iconmenu ul li a.report
{
    background-image: url(../images/icons/line-graph.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.report:hover, .iconmenu ul li.current a.report
{
    /*background-image: url(../images/icons/line-graph_hover.png);*/
    background-repeat: no-repeat;
}

.iconmenu ul li a.job
{
    background-image: url(../images/icons/list.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.job:hover, .iconmenu ul li.current a.job
{
    /*background-image: url(../images/icons/list_hover.png);*/
    background-repeat: no-repeat;
}


.iconmenu ul li a.user
{
    background-image: url(../images/icons/person.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.user:hover, .iconmenu ul li.current a.user
{
    /*background-image: url(../images/icons/person_hover.png);*/
    background-repeat: no-repeat;
}

.iconmenu ul li a.regis
{
    background-image: url(../images/icons/regis.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.regis:hover, .iconmenu ul li.current a.regis
{
    /*background-image: url(../images/icons/regis_hover.png);*/
    background-repeat: no-repeat;
}

.iconmenu ul li a.gears
{
    background-image: url(../images/icons/gears.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.gears:hover, .iconmenu ul li.current a.forms
{
    /*background-image: url(../images/icons/gears_hover.png);*/
    background-repeat: no-repeat;
}

.iconmenu ul li a.group
{
    background-image: url(../images/icons/group.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.group:hover, .iconmenu ul li.current a.forms
{
    background-image: url(../images/icons/group_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.print
{
    background-image: url(../images/icons/print.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.print:hover, .iconmenu ul li.current a.print
{
    background-image: url(../images/icons/print_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.contact
{
    background-image: url(../images/icons/contact.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.contact:hover, .iconmenu ul li.current a.contact
{
    background-image: url(../images/icons/contact_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.media
{
    background-image: url(../images/icons/media.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.media:hover, .iconmenu ul li.current a.media
{
    background-image: url(../images/icons/media_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.forms
{
    background-image: url(../images/icons/form.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.forms:hover, .iconmenu ul li.current a.forms
{
    background-image: url(../images/icons/form_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.tables
{
    background-image: url(../images/icons/tables.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.tables:hover, .iconmenu ul li.current a.tables
{
    background-image: url(../images/icons/tables_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.widgets
{
    background-image: url(../images/icons/widgets.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.widgets:hover, .iconmenu ul li.current a.widgets
{
    background-image: url(../images/icons/widgets_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.config
{
    background-image: url(../images/icons/config.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.config:hover, .iconmenu ul li.current a.config
{
    background-image: url(../images/icons/config_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.signature
{
    background-image: url(../images/icons/signature.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.signature:hover, .iconmenu ul li.current a.signature
{
    background-image: url(../images/icons/signature_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.settings
{
    background-image: url(../images/icons/settings.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.settings:hover, .iconmenu ul li.current a.settings
{
    background-image: url(../images/icons/settings_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.mail
{
    background-image: url(../images/icons/mail.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.mail:hover, .iconmenu ul li.current a.mail
{
    background-image: url(../images/icons/mail_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.chart
{
    background-image: url(../images/icons/chart.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.chart:hover, .iconmenu ul li.current a.chart
{
    background-image: url(../images/icons/chart_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.dashboard
{
    background-image: url(../images/icons/dashboard.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.dashboard:hover, .iconmenu ul li.current a.dashboard
{
    background-image: url(../images/icons/dashboard_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.users
{
    background-image: url(../images/icons/users.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.users:hover, .iconmenu ul li.current a.users
{
    background-image: url(../images/icons/users_hover.png);
    background-repeat: no-repeat;
}

.iconmenu ul li a.book
{
    background-image: url(../images/icons/book.png);
    background-repeat: no-repeat;
}
.iconmenu ul li a.book:hover, .iconmenu ul li.current a.book
{
    background-image: url(../images/icons/book_hover.png);
    background-repeat: no-repeat;
}






.menucoll
{
    width: 55px;
}
.menucoll ul li
{
    height: 36px;
    position: relative;
    margin-bottom: 0;
}
.menucoll ul li span.arrow
{
    display: none;
}
.menucoll > ul > li
{
    margin-bottom: 1px;
}
.menucoll > ul > li > a
{
    overflow: hidden;
    width: 0;
    height: 36px;
    padding: 0 0 0 35px;
}
.menucoll > ul > li.hover > a
{
    background-color: #32415A; /*background-image: url(../images/default/icons_sprite2.png);*/
}
.menucoll > ul > li.current > a
{
    /*background-image: url(../images/default/icons_sprite.png);*/
}
.menucoll ul ul
{
    position: absolute;
    z-index: 200;
    top: 0;
    left: 24px;
    padding: 0;
    width: 200px;
    background: none;
    border: 1px solid #ccc;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll ul ul li
{
    display: block;
    border-bottom: 1px solid #eee;
    height: auto;
}
.menucoll ul ul li a
{
    background-image: none;
    border-left: 0;
    height: auto;
    padding: 11px 10px 10px 10px;
}
.menucoll ul ul span
{
    background: #f7f7f7;
    font-weight: bold;
    display: block;
    padding: 9px 10px 10px 10px;
    font-family: 'RobotoCondensed' , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.menucoll ul li.current ul
{
    display: none;
}
.menucoll ul li.current ul span
{
    background-color: #32415A;
    color: #FB9337;
}


.menucoll2
{
    width: 35px;
}
.menucoll2 ul li
{
    height: 36px;
    position: relative;
}
.menucoll2 ul li span.arrow
{
    display: none;
}
.menucoll2 > ul > li > a
{
    overflow: hidden;
    width: 0;
    height: 36px;
    padding: 0 0 0 35px;
}
.menucoll2 > ul > li.hover > a
{
    background-color: #f7f7f7; /*background-image: url(../images/default/icons_sprite2.png);*/
}
.menucoll2 > ul > li.current > a
{
    /*background-image: url(../images/default/icons_sprite.png);*/
}
.menucoll2 ul ul
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 35px;
    padding: 0;
    width: 200px;
    background: none;
    border: 1px solid #ccc;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll2 ul ul li
{
    display: block;
    border-bottom: 1px solid #eee;
    height: auto;
}
.menucoll2 ul ul li a
{
    background-image: none;
    border-left: 0;
    height: auto;
    padding: 11px 10px 10px 10px;
}
.menucoll2 ul ul span
{
    background: #f7f7f7;
    font-weight: bold;
    display: block;
    padding: 9px 10px 10px 10px;
    font-family: 'RobotoCondensed' , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.menucoll2 ul li.current ul
{
    display: none;
}
.menucoll2 ul li.current ul span
{
    color: #FB9337;
}



.togglemenu
{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: block;
    height: 21px;
    cursor: pointer;
    background: url(../images/menucollapsed.png) no-repeat center 0;
    margin: 10px;
}
.togglemenu_collapsed
{
    background-position: center -21px;
    margin: 10px 5px;
    border-width: 0;
}

.vernav .togglemenu
{
    margin: 10px;
}
.vernav .togglemenu_collapsed
{
    width: 35px;
    margin: 10px auto;
    border-width: 1px;
}



/***** CENTER CONTENT STYLES *****/
/*************************************/


.centercontent
{
    margin-left: 231px;
    position: relative;
}
.centercontent .pagetitle
{
    margin: 0px 0px 15px 0px;
}
.centercontent .pagedesc
{
    margin: 0px 0px 0px 0px;
}
.centercontent .hornav
{
    padding: 0px;
}

.withmenucoll .centercontent
{
    margin-left: 56px;
}
.withmenucoll2 .centercontent
{
    margin-left: 36px;
}


/***** MAIN CONTENT STYLES *****/
/***********************************/


.contentwrapper
{
    padding: 10px 20px 10px 15px;
    background: #f9f9f9;
}
.contentwrapper p
{
    margin: 20px 0;
}
.withrightpanel
{
    margin-right: 260px;
}
.subcontent
{
    position: relative;
}

.contenttitle
{
    background: #32415A;
    color: #FB9337;
    text-transform: uppercase;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
    font-weight: normal;
}
.contenttitle h4
{
    padding: 12px 10px;
    font-size: 14px;
}

.contenttitle2
{
    margin: 20px 0 0 0;
    border-bottom: 2px solid #eb3216;
    padding-bottom: 5px;
    padding-right: 20px;
    display: inline-block;
}
.contenttitle2 h3
{
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}








/*****  SLIM SCROLLBAR STYLES *****/
/*************************************/


.slimScrollDiv
{
    border: 1px solid #ddd;
}
.entrylist li
{
    display: block;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.entrylist li.even
{
    background: #fcfcfc;
}
.entry_wrap
{
    min-height: 60px;
}
.entry_img
{
    float: left;
}
.entry_content
{
    margin-left: 120px;
}
.entry_content h4
{
    font-size: 18px;
    font-weight: normal;
    font-family: 'RobotoCondensed' , Arial, Helvetica, sans-serif;
}
.entry_content h4 a
{
    color: #FB9337;
}
.entry_content h4 a:hover
{
    color: #485B79;
}
.entry_content p
{
    margin: 10px 0;
}
.entry_content p:last-child
{
    margin-bottom: 0;
}


.contentsearch
{
    padding: 3px 10px 10px 10px;
    background: #eee;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    width: auto;
}

.content_td
{
    /*min-width :120px;*/
    text-align: right;
    white-space: nowrap;
}