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

    AdminSquare (www.adminsquare.com)

    Skin:       Default
    File:       main.css
    Version:    1.40
    Updated:    2010-04-01

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

body {background-color:#FFF; color:#000;}
a {color:#0067E3;}
a:hover {color:#000;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

/* .header {background-colors:#ffffff;} */
#header ul#nav li a {color:#fff;}
#header ul#nav li.hover, #header ul#nav li:hover {background-color:#20428B;}
#header ul#nav ul li {background-color:#20428B; border-bottom:1px solid #20428B;}
#header ul#nav ul li:hover {background-color:#004FBE;}
#header ul#nav ul ul {border-left:1px solid #3F8FF0;}
#header ul#user li a {color:#AAA;}
#header ul#user li a:hover {color:#FFF;}
#footer {border-top:1px solid #DDD; color:#777;}
#footer a {color:#777;}
#footer a:hover {color:#333;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
HTML
-------------------------------------------------------------------------------------------------------------------------------------------------- */

table.table-01 th {border:1px solid #B2D5FF; border-bottom:2px solid #B2D5FF; background-color:#FFF;}
table.table-01 td {border:1px solid #B2D5FF;}
table.table-01 tr.even td {background-color:#E6F1FF;}
dl.dl-01 dt {color:#0067E3;}
dl.dl-01 dd {color:#555;}
dl.dl-02 dt {color:#0067E3;}
dl.dl-02 dd {border-bottom:1px solid #DDD; color:#777;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
FORMS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content fieldset {border:1px solid #B2D5FF; background-color:#E6F1FF;}
#content .buttons {border:1px solid #BBB; background-color:#F0F0F0;}
#content .input-text {border:1px solid #BBB; border-top:1px solid #999; border-left:1px solid #999;}
#content .error {color:#D00;}
#content .error input, #content .error select, #content .error textarea {border:1px solid #D00;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: DASHBOARD
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content ul#dashboard li {border:1px solid #CCC; border-right:1px solid #BBB; border-bottom:1px solid #BBB; background-color:#FFF;}
#content ul#dashboard li h2 {border-top:1px solid #DDD;}
#content ul#dashboard li a {color:#000;}
#content ul#dashboard li:hover a {color:#0067E3;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: PHOTOGALLERY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: CALENDAR (TABLE)
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content table.calendar {border:2px solid #BBB;}
#content table.calendar th {border:1px solid #BBB; background-color:#F5F5F5;}
#content table.calendar td {border:1px solid #CCC;}
#content table.calendar td.weekend {background-color:#FFC;}
#content .color-red {color:#DD0000;}
#content .color-yellow {color:#FF9900;}
#content .color-green {color:#55AA00;}
#content .color-blue {color:#0055CC;}
#content .color-purple {color:#8800CC;}
#content .color-black {color:#000;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: CALENDAR (LIST)
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content table.calendar-02 {border:2px solid #BBB;}
#content table.calendar-02 th {border:1px solid #BBB; background-color:#F0F0F0;}
#content table.calendar-02 td {border-bottom:1px solid #CCC;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: CATEGORY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content table.list {border:2px solid #BBB;}
#content table.list th {border:1px solid #BBB; background-color:#F0F0F0;}
#content table.list td {border:1px solid #CCC;}
#content table.list tr.bg td {background:#E6F1FF;}
#content table.list tr:hover td {background:#FFA;}

#content table.red {border:2px solid #e63a3a;}
#content table.red th {border:1px solid #e63a3a; background-color:#e63a3a;  }
#content table.red td {border:1px solid #CCC;}
#content table.red td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.red tr.bg td {background:#E6F1FF;}

#content table.green {border:2px solid #92d050;}
#content table.green th {border:1px solid #92d050; background-color:#92d050;  }
#content table.green td {border:1px solid #CCC;}
#content table.green td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.green tr.bg td {background:#E6F1FF;}

#content table.blue {border:2px solid #696969;}
#content table.blue th {border:1px solid #696969; background-color:#696969;  }
#content table.blue td {border:1px solid #CCC;}
#content table.blue td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.blue tr.bg td {background:#E6F1FF;}
/*default : #368ee0*/

#content table.darkblue {border:2px solid #20428B;} /* #2c5e7b */
#content table.darkblue th {border:1px solid #20428B; background-color:#20428B;  }
#content table.darkblue td {border:1px solid #CCC;}
#content table.darkblue td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.darkblue tr.bg td {background:#E6F1FF;}

#content table.yellow {border:2px solid #efef01;}
#content table.yellow th {border:1px solid #efef01; background-color:#efef01;  }
#content table.yellow td {border:1px solid #CCC;}
#content table.yellow td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.yellow tr.bg td {background:#E6F1FF;}

#content table.orange {border:2px solid #FFC000;}
#content table.orange th {border:1px solid #FFC000; background-color:#FFC000;  }
#content table.orange td {border:1px solid #CCC;}
#content table.orange td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.orange tr.bg td {background:#E6F1FF;}

#content table.darkgrey {border:2px solid #7e7e7e;} /* #2c5e7b */
#content table.darkgrey th {border:1px solid #7e7e7e; background-color:#7e7e7e;  }
#content table.darkgrey td {border:1px solid #CCC;}
#content table.darkgrey td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.darkgrey tr.bg td {background:#E6F1FF;}

#content table.grey {border:2px solid #dedede;}
#content table.grey th {border:1px solid #dedede; background-color:#dedede;  }
#content table.grey td {border:1px solid #CCC;}
#content table.grey td.grey {border:1px solid #CCC;background-color:#F0F0F0;}
#content table.grey tr.bg td {background:#E6F1FF;}


/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: MAILBOX
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content #mail-aside ul li.active a {border:1px solid #B2D5FF; border-right:1px solid #E6F1FF; background-color:#E6F1FF; color:#000;}
#content #mail-content {border:1px solid #B2D5FF; background-color:#E6F1FF;}
#content #mail-content .mail-tray {border:1px solid #B2D5FF; background-color:#FFF;}
#content #mail-content .mail-list {border:3px solid #B2D5FF;}
#content #mail-content .mail-list tr {border-bottom:1px solid #B2D5FF;}
#content #mail-content .mail-list td {background-color:#FFF;}
#content #mail-content .mail-list td a {color:#000;}
#content #mail-content .mail-list td .mail-preview {color:#777;}
#content #mail-content .mail-list tr.unread td {background-color:#FFB;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: LOGIN
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#sign {background:#F5F5F5;}
#sign #main {border:1px solid #BBB; background-color:#FFF;}
#content #login, #content #reg, #content #password {border:1px solid #B2D5FF; background-color:#E6F1FF;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: MESSAGES
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content .msg a {color:#000;}
#content .msg a:hover {background-color:#000; color:#FFF;}
#content .msg.msg-warning {border:1px solid #DDA; background-color:#FFA;}
#content .msg.msg-ok {border:1px solid #ADD42C; background-color:#E2F6A4;}
#content .msg.msg-error {border:1px solid #FEBE5F; background-color:#FFE1B5;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: PAGINATION
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content .pagination {border-bottom:1px solid #DDD;}
#content .pagination.bottom {border-top:1px solid #DDD;}
#content .pagination p.f-right a.active {background-color:#D00; color:#FFF;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: LABELS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.label.label-red {background-color:#DD0000; color:#FFF;}
.label.label-yellow {background-color:#FF9900; color:#FFF;}
.label.label-green {background-color:#55AA00; color:#FFF;}
.label.label-blue {background-color:#0055CC; color:#FFF;}
.label.label-purple {background-color:#8800CC; color:#FFF;}
.label.label-black {background-color:#000; color:#FFF;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: BOX
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content .box-01 {border:1px solid #B2D5FF; background-color:#E6F1FF;}
#content .box-01 h3 {background-color:#B2D5FF; color:#000;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: TABS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#content .ui-tabs .ui-tabs-nav {border-bottom:2px solid #000;}
#content .ui-tabs .ui-tabs-nav li a {background-color:#F0F0F0;}
#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background-color:#000; color:#FFF;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: TOOLTIP
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#tooltipcontent {background-color:#333; color:#FFF;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
OTHERS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.low, .low a {color:#777;}
.low a:hover {color:#333;}