/* elva media
990033 header red
9999cc background turq
210 120
 */

* { 
margin: 0px;
padding: 0px;
}

legend {
font-weight: bold;
padding: 10px;
color: #000;
}

.required {color:#990033;}
/*a {outline:none;}*/

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.6;
margin: 0px 0;
text-align: center;
}

/*heading*/

#core_top {
background: #00aef0;
padding:5px;
text-align: right;
}

#form_search fieldset {
margin: 0px auto;
max-width: 800px;
border: 0;
padding: 10px;
}
#input_search {
color: #000;
border: 0;
background: url(media/input_search.png) no-repeat;
width: 150px;
font-weight: bold;
padding: 3px 4px 4px 4px;
}
#btn_search {
border: 0;
background: url(media/btn_search.png) no-repeat;
width: 21px;
height: 21px;
cursor: pointer;
}

#core_head_case {

}

#headingstrip img {
border: none;
}

#head_case {
margin: 0px auto;
max-width: 800px;
height: 150px;
}

#logo a {
float: left;
background: url(media/logo.png) no-repeat 30px 20px;
height: 150px;
width: 220px;
}

#nav {
padding: 50px 0 0 0;
margin: 0 0 0 150px;
}

#nav ol {
padding: 0 0 30px 0;
margin: 0;
}

#nav ol li {
margin: 0;
list-style: none;
display: inline;
margin-bottom: 20px;
}

#nav ol li a {
text-decoration: none;
font-size: 1.4em;
color: #000;
height: 80px;
margin: 4px;
padding: 10px 0 10px 0;
}

/*content*/
#body_case {
margin: 0px auto;
width:800px;
min-height: 600px;
}

#logged {
text-align: left;
margin: 2px 0 0 0;
padding: 14px 0 10px 20px;
background: url(media/logged.png) no-repeat top center;
font-weight: bold;
}

#logged a {
color: #990033;
text-decoration: none;
float: right;
margin: -18px 25px 0 0;
}

/*left*/

#left_case {
text-align: left;
float: left;
width: 250px;
}

.left_case_section_top {
background: url(media/left_case_bot.png) top no-repeat;
height: 25px;
}

.left_case_section {
background: url(media/left_case_bot.png) bottom no-repeat;
padding: 0 25px 25px 25px;
margin-bottom: 20px;
}

#left_case h2 {
padding: 0 0 0 10px;
color: #fff;
}

#left_case ol {
list-style: none;
}

#left_case ol li a {
font-weight: bold;
display: block;
border-bottom: dotted 1px #3cc1f4;
text-decoration: none;
color: #fff;
padding: 5px;
}
#left_case ol li a:hover {
background: #0099CC;
}

#form_login fieldset {
border: 1px solid #ccc;
margin: 10px 20px 10px 20px;
padding: 30px;
}
#form_login fieldset label {
padding: 0 10px 0 0;
font-weight: bold;
color: #666;
}

#form_register fieldset {border:1px solid #ccc; margin:10px 20px 10px 20px; padding: 5px 20px 20px 25px;}
#form_register fieldset label {padding: 5px 5px 0 0; font-weight: bold; color: #666;}
#form_register .fieldset_mod label {
padding: 5px 5px 0 0;
font-weight: bold;
color: #666;
display: block;
float: left;
width: 130px;
text-align: right;
}
#form_register input {border: 1px solid #7f9db9; margin:5px; padding:2px;}
#form_register textarea {border: 1px solid #7f9db9; font-family: Arial; font-size: 1em; padding:2px; margin: 5px;}
#submit {margin: 20px; text-align:right;}
#form_register .LV_invalid_field {border: 1px #990033 solid; margin:5px; padding: 2px;}
.LV_invalid {padding: 5px;}
.LV_validation_message {font-weight: bold; color: #990033;}
#form_register .LV_valid_field {border: 1px green solid; margin:5px; padding: 2px;}

/*right*/

#right_case {
text-align: left;
margin: 0 0 0 250px;
min-height: 900px;
}

.right_case_section_top {
background: url(media/right_case_bot.png) top no-repeat;
height: 25px;
}

.right_case_section {
background: url(media/right_case_bot.png) bottom no-repeat;
padding: 0 10px 20px 10px;
margin-bottom: 20px;
}

#section_highlightedproducts {
padding: 15px;
list-style: none;
}
#section_highlightedproducts li {
padding: 1px;
border: solid 1px #ced7de;
min-height: 95px;
margin: 0 0 13px 0;
}
#section_highlightedproducts li:hover {
border-color: #8a9dac;
}
#section_highlightedproducts li a {
background: #ebf3fb;
min-height: 75px;
color: #000;
display: block;
padding: 10px;
text-decoration: none;
}
#section_highlightedproducts li img {
border: solid 1px #fff;
float: right;
margin: 0 0 3px 15px;
}
#section_highlightedproducts b {
font-weight: normal;
}
#section_highlightedproducts u {
font-weight: bold;
color: #00aef0;
text-decoration: none;
}

#image_center {
padding: 10px 20px 0 20px;
display: block;
text-align: left;
}

/*footer*/


#core_footer {
background: #00aef0;
padding: 15px;
text-align: center;
color: #fff;
border-top: 1px solid #fff;
}

#core_footer ol li {
list-style: none;
display: inline;
}

#core_footer a {
color: #fff;
}

/*paragraphing*/

h2 {
color: #000;
font-size: 1.6em;
letter-spacing: 1px;
line-height: 1.8em;
}

#left_case h2 {
text-indent: -5px;
}

#right_case h2, #supplier_right_case h2 {
text-indent: 20px;
}

h3 {
color: #666;
font-size: 1.3em;
letter-spacing: 0px;
text-indent: 10px;
margin: 10px 0 0 0;
padding: 3px;
border: 1px dotted #ccc;
}

p {
padding: 10px 20px 0 20px;
margin: 0 0 10px 0;
color: #333333;
}

p a {
font-weight: bold;
color: #00aef0;
border-bottom: dotted 1px #ced7de;
text-decoration: none;
}

p a:hover {
border-bottom: none;
}

p acronym {
border-bottom: dotted 1px #666;
}


/*#deco3 {
background: url(media/bg_deco3.png) no-repeat center bottom;
}*/

/* Edit Supplier */
#edit_supplier {
}
#supplier_right_case {
text-align: left;
margin: 0 0 0 80px;
}
.supplier_right_case_section_top {
background: url(media/supplier_right_case.png) top no-repeat;
height: 25px;
}
.supplier_right_case_section {
background: url(media/supplier_right_case.png) bottom no-repeat;
padding: 0 10px 20px 10px;
min-height: 650px;
margin-bottom: 20px;
}

#supplier_left_case {
text-align: right;
float: left;
width: 90px;
}

.supplier_left_case_section ol {
padding: 30px 0 0 0;
list-style: none;
}
.supplier_left_case_section ol li {

}
.supplier_left_case_section ol li a {
display: block;
height: 190px;
}

#btn_supplier_editprofile {background: url(media/supplier_nav_editprofile.png) no-repeat top right;}
#btn_supplier_contactdetails {background: url(media/supplier_nav_contactdetails.png) no-repeat top right;}
#btn_supplier_yourproducts {background: url(media/supplier_nav_yourproducts.png) no-repeat top right;}

#table_supplier_products_top {background: url(media/supplier_product_table_top.png) no-repeat top center; height: 30px;}
.table_supplier_products {background: url(media/supplier_product_table.png) no-repeat bottom center; padding: 0 40px 30px 35px; margin: 0 0 0 27px; min-width:647px;}
.table_supplier_products th {padding: 10px; font-size: 1.3em; letter-spacing: 1px; color: #666;}
.table_supplier_products #name {width: 125px;}
.table_supplier_products #category {width: 100px;}
.table_supplier_products #qty {width: 40px;}
.table_supplier_products #status {width: 100px;}
.table_supplier_products td {padding: 5px 5px 0 10px; font-size: 1.3em; font-weight: bold;}
#btn_addnewitem {margin: 30px 0 0 50px;}

/* Admin section */

.admin_left_case_section ol {
padding: 30px 0 0 0;
list-style: none;
}
.admin_left_case_section ol li a {
display: block;
height: 130px;
}

.admin_right_case_section {
background: url(media/supplier_right_case.png) bottom no-repeat;
padding: 0 10px 20px 10px;
min-height: 960px;
margin-bottom: 20px;
}

#btn_admin_pendingapprovals {background: url(media/admin_nav_pendingapprovals.png) no-repeat right;}
#btn_admin_products {background: url(media/admin_nav_products.png) no-repeat right;}
#btn_admin_users {background: url(media/admin_nav_users.png) no-repeat right;}
#btn_admin_courses {background: url(media/admin_nav_courses.png) no-repeat right;}
#btn_admin_categories {background: url(media/admin_nav_categories.png) no-repeat right;}
#btn_admin_content {background: url(media/admin_nav_content.png) no-repeat right;}

.admin_category {width: 300px;}
.approve {width: 30px;}
.modify {width: 30px;}
.deny {width: 30px;}

#form_addcat {margin: 20px 0 0 40px;}
#form_addcat input {padding: 2px;}

#form_managecontent {margin: 20px 0 0 40px;}
#form_managecontent input, #form_managecontent textarea {border: 1px solid #7f9db9; font-family: Arial; font-size: 1em; padding:5px; margin: 10px;}
#form_managecontent label {padding: 10px; font-weight: bold; color: #666;}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(media/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(media/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(media/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(media/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

img {
border: 0;
}

#x {
	text-align: right;
	padding: 0 15px 0 0;

}

form select {
	padding: 2px;
}

p.red {
font-weight: bold;
color: #713c97;
}

div.inner_pagination {
	text-align: center;
}

ul.innerul {
	padding: 10px 0;
}

ul.innerul li {
	margin-left: 45px;
}

p.contact-top {
	float: left;
	background: transparent url(media/contact-bg.gif) no-repeat top center;
	margin-top: -15px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	padding-bottom: 15px;
}

p.contact-top a {
	background: none;
	border: none;
	color: #fff;
}