html {margin:0; padding:0;}

body {
margin:0;
padding:0;
background:#707070 url(../img/admin/bodybg.jpg) 0 0 repeat-x;
font:normal 80% Arial, sans-serif;
color:#333;
}

.is_unique {
border:1px solid green;
padding:3px;
color: green;
font-size:85%;
font-weight:bold;
width:350px;
margin-bottom:5px;
text-align:center;
}

.not_unique {
border:1px solid #f00;
padding:3px;
color: #f00;
font-size:85%;
width:350px;
margin-bottom:5px;
text-align:center;
}

.message {
padding:5px;
border:1px solid #ffeb08;
background:#fff8af;
text-align:center;
margin-bottom:10px;
font-size:85%;
}

.information {
background:#f7f7f2 url(../img/attention.png) 10px center no-repeat;
padding:10px 10px 10px 35px;
font-family:courier;
font-size:11px;
border:1px solid #e9e9de;
margin-top:10px;
}

#container {
position:relative;
margin:0 auto;
width:1008px;
text-align:left;
background:url(../img/admin/containerbg.png) top center repeat-y;
}

#header {
height:105px;
background:url(../img/admin/headerbg.png) 0 0 repeat-x;
margin:0 4px;
position:relative;
}

#header h1 {
display:none;
}

#header #logo {
position:absolute;
top:33px;
left:40px;
}

#header_links {
position:absolute;
top:10px;
right:10px;
}

#header_links ul {
margin:0 4px 0 0;
padding:0;
list-style:none;
}

#header_links ul li {
display:inline;
}

#header_links ul li a {
display:block;
float:left;
margin-left:15px;
padding:2px 0 2px 20px;
color:#333;
font-size:85%;
}

#header_links ul li a.my_account {
background:url(../img/user2_edit.png) left center no-repeat;
}

#header_links ul li a.logout {
background:url(../img/home_delete.png) left center no-repeat;
}

#header_links ul li a.view_website {
background:url(../img/application_next.png) left center no-repeat;
}

#last_login {
position:absolute;
bottom:15px;
right:10px;
font-size:85%;
}

.content {
margin-left:204px;
margin-right:4px;
padding:5px 10px;
min-height:600px;
overflow:visible;
}

#breadcrumbs {
font-size:85%;
}

.content h2 {
font-weight:normal;
font-size:20px;
}

.content h2 span.small {
font-size:60%;
}

a {
outline:none;
text-decoration:none;
color:#f01f0e
}

a:hover {
text-decoration:underline;
}

/*MENU*/
#menu {
float:left;
}

#menu ul {
margin:-5px 0 0 4px;
padding:0;
list-style:none;
width:199px;
}

#menu ul li a {
display:block;
padding:7px;
border-bottom:1px dotted #CECEAF;
font-size:85%;
color:#333;
}

#menu ul li a:hover {
background:#ceceaf;
color:#fff;
text-decoration:none;
}

#menu ul li ul {
display:none;
position:absolute;
margin-left:100px;
margin-top:-15px;
background:#ececd9;
border:2px solid #ADAD91;
}

#menu ul li:hover ul {
display:block;
}

#menu ul li:hover a {
background:#CECEAF;
color:#fff;
}

#menu ul li:hover ul a {
color:#333;
background:#ececd9;
}

#menu ul li:hover ul a:hover {
background:#CECEAF;
color:#fff;
}

/*Forms*/

form {
margin:0;
padding:0;
}

form .input {
margin-bottom:5px;
overflow:auto;
}

form .input label {
display:block;
}

form .input input {
border:1px solid #CECEAF;
padding:3px;
font-size:100%;
width:350px;
}

form .input select {
font-size:100%;
}

form .input textarea {
font-size:100%;
font-family:arial, sans-serif;
border:1px solid #ceceaf;
width:777px;
}

form .input textarea.mceEditor {
height:300px;
}

form .submit {
border-top:1px dotted #ceceaf;
margin-top:10px;
padding-top:10px;
}

form .submit input {
font-size:100%;
}

form .label_float .input label {
float:left;
width:200px;
padding-top:4px;
}

/*Tables*/

table {
width:100%;
border:1px solid #ceceaf;
border-width:1px 1px 0 0;
font-size:85%;
}

table th {
background:#ceceaf;
font-weight:normal;
padding:5px;
text-align:center;
}

table th a img {
border:0;
}

table td {
border:1px solid #ceceaf;
border-width:0 0 1px 1px;
padding:3px;
}

table tr.dark td {
background:#ECECD9;
}

table td ul {
margin:0;
padding:0;
list-style:none;
}

table td ul li {
display:inline;
}

table td ul li a img {
border:0;
}

table td.sub_page_name {
padding-left:30px;
}

table td.thumbnail {
text-align:center;
}

table td.thumbnail img {
width:95px;
}

/*Pagination*/
#pagenums {
margin-top:15px;
}
#pagenums ul {
margin:0;
padding:0;
list-style:none;
overflow:auto;
}

#pagenums ul li {
float:left;
}

#pagenums ul li a {
display:block;
float:left;
border:1px solid #f01f0e;
padding:5px;
margin-right:3px;
}

#pagenums ul li a:hover {
background:#f01f0e;
text-decoration:none;
color:#fff;
}

/*Filters*/

#filter {
float:right;
}

#filter select {
font-size:85%;
}

#filter .search {
position:relative;
float:left;
margin-right:15px;
margin-top:4px;
font-size:85%;
}

#filter .search a.search_users {
padding-left:20px;
background:url(../img/id_search.png) left center no-repeat;
}

#filter #search_form {
position:absolute;
margin-left:-185px;
margin-top:5px;
border:1px solid #ceceaf;
background:#fff;
padding:10px;
width:250px;
}

#filter #search_form p {
margin:0;
padding:0;
}

#filter #search_form input.text {
width:200px;
}

#filter #search_form input {
border:1px solid #ceceaf;
font-size:100%;
padding:3px;
}

/*Tabs*/
.tabs {
margin:10px 0;
padding:0 0 0 3px;
list-style:none;
border-bottom:1px solid #ceceaf;
height:26px;
}

.tabs li {
display:inline;
}

.tabs li a {
display:block;
float:left;
border:1px solid #ceceaf;
padding:5px;
margin-right:3px;
background:#ececd9;
color:#333;
}

.tabs li a.active {
background:#fff;
border-bottom:1px solid #fff;
color:#f01f0e;
}

/*Footer*/
#footer {
height:100px;
}

.existing input {
float:left;
}

.existing label {
margin-top:3px;
}

ul.reorder {
margin:10px;
padding:0;
list-style:none;
}

ul.reorder li {
background:#ECECD9;
padding:10px;
margin-bottom:5px;
cursor:pointer;
}

ul.reorder li:hover {
background:#F01F0E;
color:#fff;
}

.radio {
overflow:auto;
margin-bottom:10px;
}

.radio .option {
float:left;
margin-right:50px;
}

fieldset {
margin-bottom:10px;
border:1px solid #CECEAF;
}

#add_ons p {
margin-bottom:0;
}

#add_ons ul {
margin:0;
padding:10px 0 0 15px;
border-left:1px dotted #ccc;
list-style:none;
}

#add_ons ul li .checkbox input {
float:left;
width:auto;
}

#add_ons ul li .checkbox label {
display:block;
float:left;
padding-top:3px;
}

/*Auto Complete*/
div.auto_complete {
     position         :absolute;
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
     height:100px;
     overflow:auto;
z-index:1000;
}

div.auto_complete ul {
margin:0;
padding:0;
list-style:none;
}

div.auto_complete ul li {
margin:0;
padding:5px;
font-weight:normal;
}

li.selected    { background-color: #ECECD9;cursor:pointer;}

.order_summary ul {
margin:0 0 10px 0;
padding:0;
list-style:none;
border:1px dotted #CECEAF;
border-bottom:0;
}

.order_summary ul li {
overflow:auto;
border-bottom:1px dotted #CECEAF;
padding:4px 10px;
}

.order_summary ul li.dark {
background:#ECECD9;
}

.order_summary ul li strong {
display:block;
float:left;
width:150px;
}

.order_summary ul li .textarea {
margin-left:150px;
}

.order_summary ul li select {
font-size:100%;
border:1px solid #CECEAF;
}

.txn_status .failed {
border:1px solid #f00;
padding:5px;
color: #f00;
font-size:85%;
margin-bottom:5px;
text-align:center;
background:#FFEEEC;
}

.txn_status .unpaid {
padding:5px;
border:1px solid #FFB400;
color:#FFB400;
background:#FFF7D7;
text-align:center;
margin-bottom:10px;
font-size:85%;
}

.txn_status .success {
border:1px solid green;
padding:5px;
color: green;
font-size:85%;
margin-bottom:5px;
text-align:center;
background:#E2FFD7;
}

ul.reorder{
width:116px;
padding-left:0;
cursor:move;
}

ul.reorder li{
list-style:none;
background:#669FCC;
width:460px;
color:#fff;
padding:3px;
margin-bottom:3px;
}

ul.sortable {
margin:0;
padding:0;
list-style:none;
}

ul.sortable li {
background:#9b6f26;
color:#fff;
padding:5px;
margin-bottom:3px;
width:455px;
cursor:move;
}