/* 
-------------------------------------------------------------------------------
DEFAULT CSS FILE
------------------------------------------------------------------------------- 
*/


/* 
-------------------------------------------------------------------------------
DEFAULT
------------------------------------------------------------------------------- 
*/

html, body { width:100%; }

body { font-family: Arial; color:#222; background:url('/admin/_img/bgs/body.png') repeat-x; }

#left { position:absolute; left:10px; padding:0; width:200px; z-index:2;}

#right { position: relative; top: 0px; margin-left:200px; color:#333; padding:20px; }

#content { padding:27px 0 40px 40px; line-height:21px; display:block; max-width:100%; }

#content h1 { margin-bottom: 20px; border-bottom:1px solid #ccc; padding:12px 10px; margin-left:-10px; }
 
#content a { color:#00aeef; }

.yes { float:left; font-weight:bold; text-transform:uppercase; color:#0da009; font-size:12px; }

.no { float:left; font-weight:bold; text-transform:uppercase; color:#dd0000; font-size:12px; }

#notice { visibility:hidden; }

#content #notice { float:left; visibility:visible; width:100%; display:block; border:1px solid #1bba00; background:#f5fff3; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

#content #notice p { font-size:11px; margin:0; padding:15px 10px; color:#16a500; }

#content #notice.error{ border:1px solid #d00; background:#fff5f5; }

#content #notice.error p { color:#d00; }

#content #notice.info{ border:1px solid #1b83aa; background:#ecfaff; }

#content #notice.info p { color:#1b83aa; }

#content p { float:left; width:750px; display:block; margin-bottom:20px;  }

.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.shadow { -moz-box-shadow: 0 0 7px #555; -webkit-box-shadow: 0 0 7px #555; box-shadow: 0 0 7px #555; }

.error { border:1px solid #d00 !important; }


/* 
-------------------------------------------------------------------------------
OVERVIEW
------------------------------------------------------------------------------- 
*/

.overview { margin-top:20px; float:left; width:100%; }

.overview th { text-align:left; color:#333333; border-bottom: 1px solid #333333; padding:2px 5px 3px; font-family: Arial; font-size:12px;  }

.overview th a { color:#333333 !important; }

.overview td { padding:0 0 0 5px; border-bottom:1px solid #ccc; vertical-align: middle; height:30px; font-family: Arial; font-size:12px;  }

.overview tr.grey td { background:#f8f8f8; }

.overview tr:hover td { background:#eee; }

a.button { float:right; width:85px; height:19px; background:url('/admin/_img/buttons/overview.png'); padding:0px 0 0 0; font-size:11px; text-align:center; margin-right:10px; color:#444 !important;  font-family: Arial; font-size:11px; display:block; position:relative; line-height:19px; text-decoration:none !important; }

a.button:hover { background:url('/admin/_img/buttons/overview.png') 0 -19px;  }

.overview td input { border:1px solid #ccc; padding:2px; width:30px; font-size:12px; color:#444; }

.overview_buttons { float:left; margin-top:20px; margin-bottom:20px; }

.overview .active, .overview .non-active { float:left; background:#eee; width:15px; height:15px; margin: 5px 10px 0px 10px; }

.overview .active { background:url('/admin/_img/icons/active.png') 0 -15px no-repeat; }

.overview .non-active { background:url('/admin/_img/icons/active.png') no-repeat; }

.overview tr td a { color:#333 !important; text-decoration:underline; }


/* 
-------------------------------------------------------------------------------
PAGINATION
------------------------------------------------------------------------------- 
*/


#pagination { width:80px; float:right; height:19px; margin:0 5px -5px 0; }

#pagination a { float:left; width:19px; height:19px; }

#pagination a#next { background:url('/admin/_img/icons/pagination.jpg') -19px -19px; }

#pagination a#prev { background:url('/admin/_img/icons/pagination.jpg') 0 -19px; }

#pagination a#next:hover { background:url('/admin/_img/icons/pagination.jpg') -19px -38px; }

#pagination a#prev:hover { background:url('/admin/_img/icons/pagination.jpg') 0 -38px; }

#pagination a#next_disabled, #pagination a#next_disabled:hover { background:url('/admin/_img/icons/pagination.jpg') -19px 0; }

#pagination a#prev_disabled, #pagination a#prev_disabled:hover { background:url('/admin/_img/icons/pagination.jpg'); }

#pagination span { float:left; width:42px; text-align:center; font-weight:normal; margin-top:0px; }


/* 
-------------------------------------------------------------------------------
OVERVIEW TABS
------------------------------------------------------------------------------- 
*/


ul#overview_tabs { float:right; }

ul#overview_tabs li { float:left; }

ul#overview_tabs li a { float:left; background:#f8f8f8; margin-right:10px; padding:5px 20px; color:#333; margin-bottom:-1px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; }

ul#overview_tabs li a.active { background:#000; color:#fff; }

ul#overview_tabcontent { float:left; width:100%; }

ul#overview_tabcontent li { float:left; display:none; width:100%; }

ul#overview_tabcontent li.active { display:block; }



/* 
-------------------------------------------------------------------------------
SEARCH
------------------------------------------------------------------------------- 
*/

#search { float:right; height:23px; margin:-1px 10px 0 0; }

#search input { float:left; height:23px; width:143px; border:0; background:url('/admin/_img/bgs/search.jpg') no-repeat; font-size:11px; color:#aaa; padding:0 0 0 5px; }

#search button { float:left; height:23px; width:32px; background:url('/admin/_img/buttons/search.jpg') no-repeat; }


/* 
-------------------------------------------------------------------------------
HEADS
------------------------------------------------------------------------------- 
*/

h1 { color:#222; font-weight:normal; font-size:25px; font-family: Arial; }

h2 { color:#222; font-weight:normal; font-size:20px; font-family: Arial; float:left; clear:both; margin-top:40px; margin-bottom:-15px; }


/* 
-------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------- 
*/

ul#topnav { float:right; display:block; margin:0; padding:0; margin-top:3px; margin-right:20px; position:relative; z-index: 3; }

ul#topnav li { float:left;  }

ul#topnav li a, ul#topnav li span { float:left; color:#fff; font-size:11px; padding:9px 0 5px 10px; }

ul#topnav li a:hover { text-decoration:underline; }


ul#sections { float:left; display:block; padding:0; margin:3px 40px 20px 20px; position:relative; z-index: 3; }

ul#sections li { float:left; }

ul#sections li a { float:left; color:#fff; font-size:11px; padding:9px 0 15px; width:110px; text-align:center; margin-right:10px; }

ul#sections li a:hover { text-decoration:underline; }

ul#sections li a.active { text-decoration:none; background:url('/admin/_img/bgs/section.png') no-repeat; color:#333; }


ul#mainnav { float:left; display:block; margin:0; padding:0; margin-top:45px; width:190px; border-bottom:1px solid #ccc; }

ul#mainnav li { float:left; width:190px; border-top:1px solid #ccc; }

ul#mainnav li a { float:left; color:#333;  padding:10px 0 10px 10px; width:180px;  font-family: Arial; font-size:12px; }

ul#mainnav li a:hover { background:#f8f8f8; }

ul#mainnav li a.active { font-weight:bold; }

ul#mainnav li img { width:171px; padding:12px 10px 13px 10px; }

ul#mainnav li.sub { border:0; font-size:12px; }

ul#mainnav li.sub a { padding:5px 0 8px 20px; width:170px;  }

ul#mainnav li.logo { border:0; }



/* 
-------------------------------------------------------------------------------
BUTTONS
------------------------------------------------------------------------------- 
*/

a.cancel { font-family: Arial; font-size:12px; float:left; width:95px; height:22px; border:0; color:#333 !important; padding:1px 0 0 30px; }

button { font-family: Arial; font-size:12px; float:left; width:125px; height:23px; border:0; text-align:left; padding:0 0 1px 30px; }

button:hover { cursor:pointer; }

button.save { background:url('/admin/_img/buttons/save.png') no-repeat; }

button.save:hover { background:url('/admin/_img/buttons/save.png') 0 -23px no-repeat; }

button.cancel { background:url('/admin/_img/buttons/cancel.png') no-repeat; }

button.cancel:hover { background:url('/admin/_img/buttons/cancel.png') 0 -23px no-repeat; }

button.login { background:url('/admin/_img/buttons/login.png') no-repeat; }

button.login:hover { background:url('/admin/_img/buttons/login.png') 0 -23px no-repeat; }

a.cancel { background:url('/admin/_img/buttons/cancel.png') no-repeat;  }

a.cancel:hover { background:url('/admin/_img/buttons/cancel.png') 0 -23px no-repeat; }

.add { background:url('/admin/_img/buttons/add.png') no-repeat; font-family: Arial; font-size:12px; float:left; width:170px; height:22px; border:0; padding:0; color:#333 !important; padding-top:1px; padding-left:30px; margin-right:10px; }

.add:hover { background:url('/admin/_img/buttons/add.png') 0 -23px no-repeat; }

button.add{ width:200px !important; height:23px;}

button.add:hover{}

img.loading {display:none; margin-top:-8px; width:40px;}

span.loading {display:none; margin-top:0; position:absolute; width:40px; width:200px;}


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

form{ display:block; border:1px solid #fff; }

ol { float:left; margin-left:0px !important; width:750px; display: block;  }

ol li { margin-top:10px; float:left; width:750px; list-style:none; }

ol li span.required { color:#d00; margin-top:-5px; clear:both; margin-left:2px;}

ol li label { margin-top:1px; float:left; width:100px; padding-top:0px; }

ol.login li input[type=password], ol.login li input[type=text] { font-family: Arial; float:left; border:1px solid #ccc; padding:4px; width:190px; }

ol li strong.head { margin:20px 0 0 0; float:left; font-family: Arial; font-size:12px;  }

ol li label { float:left; width:190px; display:block;  margin-top:5px; font-family: Arial; font-size:12px; color:#000}

ol li textarea, ol li input[type=file], ol li input[type=password], ol li input[type=text] { font-family: Arial; font-size:12px; float:left; border:1px solid #ccc; padding:4px; width:300px; resize:none; }

ol li textarea { font-family: Arial; font-size:12px; height:300px; width:740px; line-height:24px; margin-top:10px;}

ol li select { float:left; width:310px; margin-right:10px; line-height:24px; font-family: Arial; font-size:12px;  padding:3px; border:1px solid #ccc; }

ol li input[type=checkbox] { float:left;  display:block; margin-right:20px; }

.till { float:left; padding:3px 6px 0px 5px; }

label span input[type=checkbox] { float:none!important; display:inline!important; margin:0!important; }