/* -------------------------------------------------------------- */

/* Common stuff and basic page layout                             */

/* -------------------------------------------------------------- */

html, body

{

    margin           : 0px;

    padding          : 0px;

    text-align       : center;

    font             : 12px verdana, tahoma, arial, sans-serif;

/*    background       : #EEEEEE url("../imgs/bg_main.jpg") repeat-y center; */

}



#container

{

    width            : 786px;

    text-align       : left;

    margin-left      : auto;

    margin-right     : auto;

}



#header

{

    height           : 60px;

    width            : 100%;

    background       : #FFFFFF url("../imgs/top_admin.png") no-repeat right;

    padding          : 0px;

    margin           : 0px;

}



#header #blogLink

{

    float: left;

    width : 786px;

    height: 58px;

    margin-top: 2px;

}



#header span

{

    display          : none;

}



#header h1

{

    margin           : 0;

}



#content

{

    position         : relative;

    width            : 100%;

    display          : block;

    margin           : 0;

    padding          : 0;

}



/**

 * for the login page, almost the same as the one above

 */

#loginPage

{

    position         : relative;

    width            : 100%;

    display          : block;

    margin           : 0;

    padding          : 0;

    background       : #FFFFFF url("../imgs/lt_logo_plant.jpg") no-repeat left; 

}



#dashboard

{

    padding-left     : 1em;

    padding-right    : 1em;

}



.clr

{

    clear            : both;

}



/*-- Accessibility Tweaks --*/

#skipNav

{

    position         : absolute;

    left             : -9999px;

    font-size        : small;

}



#skipNav a:focus

{

    display          : block;

    position         : absolute;

    top              : 20px;

    left             : 10020px;

    font-size        : large;

    background       : #fff;

    border           : solid 2px #1B6BD8;

    padding          : 10px;

    width            : 15em;

    z-index          : 1;

}



#skipNav a:hover

{

    color            : #029EDE;

}



#skipNav a:active

{

    display          : block;

    position         : absolute;

    top              : 20px;

    left             : 10020px;

    font-size        : large;

    background       : #fff;

    border           : solid 2px #1B6BD8;

    padding          : 10px;

    width            : 15em;

    z-index          : 1;

}



.hide

{

    display          : none;

}



/* -------------------------------------------------------------- */

/* Navigation/menu bar                                            */

/* -------------------------------------------------------------- */



#menubar

{

    margin-bottom    : 10px;

    background       : #FFFFFF url("../imgs/bg_menu.jpg") repeat-x;

    height           : 20px;

				width:744px;

				margin:auto;

				overflow:hidden;

}



#menu

{

    padding-top      : 1px;

    padding-bottom   : 1px;

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

}



#menu ul

{

    padding         : .2em 0;

    margin          : 0;

    list-style-type : none;

    color           : #FFF;

    width           : 100%;

    text-align      : center;

}



#menu li

{



    position         : relative;

    padding          : 0;

    border-left      : 0px solid #B4B4B4;

    display          : inline;

    font-weight      : bold;

    font-family      : verdana, tahoma, sans-serif;

    font-size        : 0.83em;

    letter-spacing   : 0.20em;

    text-transform   : uppercase;

}



#menu a, #menu a:link, #menu a:visited

{

    padding          : .2em 1em;

    color            : #0E3862;

    text-decoration  : none;

}



#menu a:hover

{

    background       : #818181;

    color            : #FFFFFF;

}



#menu li.selected

{

    display          : block;

    width            : auto;

    padding          : 2px 7px;

    background       : #FFFFFF;

    color            : #000000;

    border-bottom    : 1px solid #FFFFFF;

}



#menu br

{

    clear: both;

}



/* -------------------------------------------------------------- */

/* Section title and navigation history bar                       */

/* -------------------------------------------------------------- */



#nav_bar

{

    margin-left      : auto;

    margin-right     : auto;

    width            : 100%;

    margin-bottom    : 15px;

    border-bottom    : 1px dotted #DEDEDE;

}



#section_title

{

    float            : left;

    width            : 39%;

}



#section_title h2

{

    color            : #4c006c;

    font-weight      : bold;

    font-family      : trebuchet ms, tahoma, sans-serif;

    font-size        : 1.5em;

    letter-spacing   : 0.08em;

    margin           : 0;

    padding-left     : 4px;

}



#navigation

{

    float            : right;

    width            : 60%;

    text-align       : right;

    padding-top      : 7px;

    font-family      : verdana, tahoma, sans-serif;

    font-size        : 0.85em;

    letter-spacing   : 0.09em;

    padding-right    : 2px;

}



#navigation a

{

    color            : #000000;

    text-decoration  : none;

}



#navigation a:hover

{

    color            : #5583BE;

    text-decoration  : none;

}



/* -------------------------------------------------------------- */

/* Admin Tabbed Ul's                                              */

/* -------------------------------------------------------------- */



#tablist

{

    padding          : 3px 0;

    margin-left      : 0;

    font             : 11px trebuchet ms, verdana, tahoma, arial, sans-serif;

    border-bottom    : 1px solid #DEDEDE;

}



#tablist li

{

    list-style       : none;

    margin           : 0;

    display          : inline;

}



#tablist li a

{

    padding          : 3px 0.5em;

    margin-left      : 3px;

    border           : 1px solid #DEDEDE;

    background       : #F0F0F0;

    text-decoration  : none;

}



#tablist li a:link

{

    color            : #448;

}



#tablist li a:visited

{

    color            : #667;

}



#tablist li a:hover

{

    color            : #000;

    background       : #FFFFFF;

    border-color     : #DEDEDE;

}



#tablist li a#tab_current

{

    background       : white;

    border-bottom    : 1px solid white;

}



.menuTop_level1 ul, li

{

    list-decoration: none;

}



.menuTop_level1 ul

{

  list-style-type: disc;

  list-style-image: url(../imgs/bullet.gif);

}





/* -------------------------------------------------------------- */

/* Form controls (input, ...)                                     */

/* -------------------------------------------------------------- */



form

{

    margin           : 0px;

}



fieldset

{

    border           : 1px solid #DEDEDE;

    color            : #000000;

    font-family      : verdana, tahoma, sans-serif;

    font-size        : 0.90em;

    padding-bottom   : 0px;

    margin           : 0px;

}



textarea, input, select

{

    background       : #FFFFFF;

    border           : 1px solid #b2b2b2;

    color            : #000000;

    font-family      : verdana, tahoma, sans-serif;

    font-size        : 0.95em;

}



input:focus, textarea:focus, label:focus

{

    border           : 1px solid #5583BE;

}



.checkbox, .radio

{

    border           : 0px;

}



.submit

{

    /*margin-left      : 4px;*/

}



.list_action_button a img

{

    border           : 0px;

    padding          : 0px;

}



.list_action_button a:hover img

{

    filter            : alpha(opacity=60);

    -moz-opacity      : 0.6;

}



.field

{

    top              : 0;

    left             : 0;

    margin           : 0 1em 1em 0;

}



.field .field

{

    margin           : 1em 0 0 0;

}



.field label

{

    font-size        : 100%;

    font-weight      : bold;

}



.field_checkbox

{

    top              : 0;

    left             : 0;

}



.field_checkbox label

{

    font-size        : 100%;

}



.formHelp

{

    font-size        : 90%;

    color            : #76797c;

    margin           : 0 0 0.2em 0;

}



.formHelp a

{

    text-decoration  : underline;

}



.formHelp:hover

{

    color            : Black;

    cursor           : default;

}



fieldset

{

    border           : 1px solid #8cacbb;

    margin           : 1em 0em 1em 0em;

    padding          : 0em 1em 1em 1em;

    line-height      : 1.5em;

    width            : auto;

}



.inputField

{

    width: 85%;

    margin-left: auto;

    margin-right: auto;

    background-color: #FCFCFF;

    border: 1px solid #DEDEDE;

}



.buttons

{

    width: 88%;

    margin-left: auto;

    margin-right: auto;

    text-align: right;

}



.inputField input

{

    width:100%;

}



.inputField legend

{

    font-weight: bold;

}



.inputField .dateTime

{

   width: 80%;

}



.inputField .checkbox, .inputField .button, .inputField .radio

{

   width: auto;

}



.inputField .file

{

   width: auto;

}



.pager

{

    float:left;

}



/* -------------------------------------------------------------- */

/* Data lists parameters & search bar                             */

/* -------------------------------------------------------------- */



#list_nav_bar

{

    margin-left      : auto;

    margin-right     : auto;

    width            : 98%;

    background-color : #F3F1FF;

    padding-bottom   : 4px;

    padding-left     : 4px;

    padding-right    : 4px;

    margin-bottom    : 10px;

    border           : 0px solid #DEDEDE;

}



#list_nav_bar fieldset

{

    border           : 1px solid #DEDEDE;

    color            : #000000;

    font-family      : verdana, tahoma, sans-serif;

    font-size        : 0.90em;

    padding          : 0px;

    margin           : 0px;

    height           : 60px;

}



#list_nav_select

{

    float            : left;

    width            : 100%;

    text-align       : center;

}



#list_nav_search

{

    float            : left;

    width            : 30%;

    text-align       : center;

}



.list_nav_option

{

    float            : left;

    text-align       : left;

    padding          : 0px 4px 4px 4px;

    margin-left      : 5px;

}



#list_nav_bar legend

{

    font-family      : trebuchet ms, tahoma, sans-serif;

    font-size        : 1.1em;

    font-weight      : bold;

    letter-spacing   : 0.08em;

}



#list_nav_select label

{

}



/* -------------------------------------------------------------- */

/* Data lists table format                                        */

/* -------------------------------------------------------------- */



.info

{

    margin-left      : auto;

    margin-right     : auto;

    margin-bottom    : 10px;

    width            : 98%;

    border-collapse  : collapse;

    border-bottom    : 4px solid #DEDEDE;

    border-spacing   : 0px;

}



.info th

{

    font-family      : trebuchet ms, tahoma, sans-serif;

    font-size        : 1.1em;

    font-weight      : bold;

    letter-spacing   : 0.08em;

    vertical-align   : bottom;

    border-bottom    : 1px solid #DEDEDE;

    padding          : 4px;

    text-align       : left;

}



.info th a

{

    color           : #000000;

    text-decoration : none;

}



.info th a:hover

{

    color           : #5583BE;

    text-decoration : none;

}



.even

{

    background       : #F7F7F7;

}



.tableHover

{

   background: #EFEFEF;

}



.info td

{

    color            : #888888;

    border-bottom    : 1px solid #DEDEDE;

    vertical-align   : middle;

    padding          : 4px;

    /*border:1px solid black;*/

}



.info td a

{

    color           : #888888;

    text-decoration : none;

}



.info td a img {

    border: 0px;

}



.info td a:hover

{

    color           : #5583BE;

    text-decoration : none;

}



/* -------------------------------------------------------------- */

/* Specific column format                                         */

/* -------------------------------------------------------------- */



.col_highlighted

{

    font-weight      : bold;

}



/* -------------------------------------------------------------- */

/* Data lists bottom actions bar                                  */

/* -------------------------------------------------------------- */



#list_action_bar

{

    margin-left      : auto;

    margin-right     : auto;

    width            : 768px;

    padding          : 4px;

    text-align       : right;

    /*background-color : #F3F1FF;*/

    margin-bottom    : 10px;

    /*border           : 1px dashed #DEDEDE;*/

}





/* -------------------------------------------------------------- */

/* Positive or negative feedback messages                         */

/* -------------------------------------------------------------- */



#list #FormError

{

    padding-left: 10px;

}



#FormError

{

    align: left;

    padding-top: 0px;

}



#list #FormInfo

{

    padding-left: 10px;

}



#FormInfo

{

    align: left;

    padding-top: 0px;

}



.InfoIcon

{

    float:left;

    clear:left;

    margin-top:3px;

}



.InfoText

{

    color:green;

    padding-left:20px;

    padding-top:3px;

}



.ErrorText

{

    color:red;

    padding-left:20px;

    padding-top:3px;

}



/**

 * login screen

 */

.loginBox

{

  width: 300px;

  margin-top: 25px;

  margin-left: auto;

  margin-right: auto;

}



h4, fieldset h4

{

    font-family      : trebuchet ms, tahoma, sans-serif;

    font-size        : 1.1em;

    font-weight      : bold;

    letter-spacing   : 0.08em;

    vertical-align   : bottom;

    border-bottom    : 1px solid #DEDEDE;

    padding          : 0px;

    text-align       : left;

    text-transform   : capitalize;

}



.sectionTitle

{

    font-size: 1.3em;

}



.welcomeMessage {

  margin-bottom: 10px;

}



.pager

{

float:left;

}



/**

 * styles for the 'manage' page and similar.

 */

#content .menuTop

{

    list-style-type : none;

    padding-left: 45px;

    padding-right: 45px;

    margin: 0px;

}



#content .menuTop ul

{

 padding: 0px;

 margin: 0px;

}



#content .menuTop .Level_1

{

    font-family      : trebuchet ms, tahoma, sans-serif;

    font-size        : 1.0em;

    font-weight      : bold;

    letter-spacing   : 0.08em;

    border-bottom    : 1px solid #DEDEDE;

    padding-top      : 10px;

    text-align       : left;

}



#content .menuTop .Level_0

{

    padding-left: 10px;

    font-weight      : normal;

}



#content .menuTop .Level_0 a

{

    color           : #888888;

    text-decoration : none;

}



#content .menuTop .Level_0 a:hover

{

    color           : #5583BE;

    text-decoration : none;

}



/* -------------------------------------------------------------- */

/* Dashboard                                                      */

/* -------------------------------------------------------------- */



#dashboard h2

{

    color            : #4c006c;

    font-weight      : bold;

    font-family      : verdana, arial, tahoma, sans-serif;

    font-size        : 1.4em;

    letter-spacing   : 0.08em;

    margin           : 0;

    padding-left     : 4px;

}



#dashboard h2 a

{

    color            : #32609B;

    font-weight      : bold;

    font-family      : verdana, arial, tahoma, sans-serif;

    margin           : 0;

    padding-left     : 4px;

    text-decoration  : none;

}



#dashboard h2 a:hover

{

    text-decoration  : underline;

}



#dashboard h3

{

    color            : #4c006c;

    font-weight      : bold;

    font-family      : verdana, arial, tahoma, sans-serif;

    font-size        : 1.1em;

    margin           : 0;

    margin-top       : 12px;

    margin-bottom    : 4px;

    padding-left     : 12px;

}



#dashboard table

{

    margin-left     : 12px;

    width           : 100%;

}



#dashboard th

{

}



#dashboard td

{

}



#dashboard a

{

    color            : #8A8A8A;

    text-decoration  : none;

}



#dashboard

{

    color            : #8A8A8A;

}



#dashboard .dashboard_blog

{

    border           : 1px solid #DEDEDE;

    padding          : 4px;

    background-color : #FCFCFF;

    margin-top       : 10px;

}



#dashboard .dashboard_blog_layout

{

    margin           : 0;

    width            : 100%;

    background-color : #FFFFFF;

}



#dashboard .dashboard_blog_layout tr

{

}



#dashboard .dashboard_blog_layout td

{

}



#dashboard .dashboard_data_table

{

    width           : 98%;

}



#dashboard .dashboard_data_table th

{

    border-bottom   : 2px solid #DEDEDE;

    height          : 20px;

    text-align      : left;

}



#dashboard .dashboard_data_table td

{

    border-bottom    : 1px solid #DEDEDE;

    height           : 20px;

}



#dashboard .dashboard_data_table_statistics

{

    width           : 96%;

}



#dashboard .dashboard_data_table_statistics th, td

{

    border-bottom    : 1px solid #DEDEDE;

    height           : 20px;

    text-align       : left;

}



.dashboard_logout_link a

{

	float: right;	

	padding-right: 5px;

	padding-top: 3px;

	text-transform: capitalize;

    color            : #32609B;

    font-weight      : bold;

    font-family      : verdana, arial, tahoma, sans-serif;

    margin           : 0;

    padding-left     : 4px;

    text-decoration  : none;	

}



.dashboard_logout_link a:hover

{

	text-decoration: underline;	

}


