/*
-----------------------------------------------
USU
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	Buy/Sell Styles
Filename:		usu.buysell.css
Author:			Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz)
Date:				3 August 2007
Updated:		2 March 2008
----------------------------------------------- */

/* BuySell section
--------------------------------------------------*/
/* Box 600 RED */
.col_600.red { width: 598px; _width:575px /* IE6 */; margin: 0 0 10px 0; padding: 0; background: #9e1c15 url(../img/bg_box_red.gif) repeat-x top left; color:#fff; }
.red .col_600_top { width: 598px; _width:578px /* IE6 */; background: none; }
.red .col_600_foot { width: 575px; _width:568px /* IE6 */; padding: 10px 15px 10px 10px; background: none;_padding: 0 /* IE6 */; }

#buysell_search_form label {font-size: 1.7em; vertical-align: top; }
#buysell_search_form select {border: 1px solid #a3a3a3; border-bottom:none; border-right:none; color:#666; width: 220px; font-size:1.5em; margin-left: 4px; vertical-align: top; padding: 3px; }
#buysell_search_form input.textbox {width: 200px; border:1px solid #a3a3a3; border-bottom:none; border-right:none;font-size:1.3em; padding:5px 3px 3px; display: inline; margin-bottom:0; vertical-align: top; margin: 0 10px; }
#buysell_search_form input.btn_go {margin:-1px 0 0 0; vertical-align: top; }
#buysell_search_form fieldset {border:none;}
#buysell_search_form strong {color:#fff;}

.header {margin:0 0 0 20px; padding:7px 0 0 45px;}
h4.subhead {margin: 0pt 0pt 0pt 42px !important;}

#flats {background: url(../img/hdr_flats.gif) no-repeat 0 20px; padding-top:15px; }
h2#flats {background-position:0 8px;padding:0 0 0 40px;}
#inside_maincol h3.flats {background: url(../img/hdr_flats.gif) no-repeat 0 0; padding:0 0 10px 40px !important; line-height:1.7em !important; border-bottom: none;}

#flatmates {background:url(../img/hdr_flatmates.gif) no-repeat 0 20px; padding-top:15px; }
h2#flatmates {background-position:0 8px;padding:0 0 0 40px;}
#inside_maincol h3.flatmates {background: url(../img/hdr_flatmates.gif) no-repeat 0 0; padding:0 0 10px 40px !important; line-height:1.7em !important; border-bottom: none;}

#textbooks {background: url(../img/hdr_textbooks.gif) no-repeat 0 20px; padding-top:15px; }
h2#textbooks {background-position:0 8px;padding:0 0 0 40px;}
#inside_maincol h3.textbooks {background: url(../img/hdr_textbooks.gif) no-repeat 0 0; padding:0 0 10px 40px !important; line-height:1.7em !important; border-bottom: none;}

#course_materials {background: url(../img/hdr_course_material.gif) no-repeat 0 20px; padding-top:15px; padding-right:20px; }
h2#course_materials {background-position:0 8px;padding:0 0 0 40px;}
#inside_maincol h3.course_materials {background: url(../img/hdr_course_material.gif) no-repeat 0 0; padding:0 0 10px 40px !important; line-height:1.7em !important; border-bottom: none;}

#user_details {background: url(../img/hdr_personal_details.gif) no-repeat 0 15px; }
h2#user_details {background-position:0 8px;padding-left:40px;}

#contact {background: url(../img/hdr_contact.gif) no-repeat 0 15px; }
h2#contact {background-position:0 8px;padding-left:40px;}

h2#my_listed_items {background: url(../img/hdr_my_listed_items.gif) no-repeat 0 8px;padding-left:40px; }

.more_link.last {padding: 0 10px;}

.header a {color:#000;}
.header a:hover {color:#b32017; text-decoration: none; }
#inside_maincol .header h4 {font-size:2.4em !important; margin:0 !important; font-weight:bold !important; line-height:1.2em;}

/* BuySell teasers */
#inside_maincol ul.buysell_teaser { padding: 5px 0; margin: 0 15px 5px 10px; list-style-image:none; }
.buysell_teaser h4 a { font: 1.8em/1.1 Arial, Helvetica, sans-serif; color: #000; }
.buysell_teaser h4 a:hover { color: #b32017; text-decoration: none; }

.buysell_teaser li { border-bottom: 1px solid #cfcfcf; margin: 0 13px 4px 0; list-style:none; background: none; line-height:1.2; padding-bottom:10px;}
.buysell_teaser a {font-size:1.4em !important; color:#000; margin-bottom: 5px; }
.buysell_teaser a:hover {color:#b32017; text-decoration:none;}
.buysell_teaser .meta { margin: 3px 0 3px 0;}
.buysell_teaser .description {color:#838383; font-size:1.1em; }

/* tables */

table#items_list {width: 100%;}
table#items_list th.first {width: 100px; padding-right:0; }
table#items_list th.last {width: 60px; padding-right:0;text-align:center; }
table#items_list th {text-align: left; border-bottom: 1px solid #e2e2e2;font-size:1.1em;padding-bottom:5px; padding-right:10px; }
table#items_list .item_type {font-size: 1.4em; vertical-align: bottom; padding-bottom:6px;text-align:center; }
table#items_list .item_type.school {text-align: left; }
table#items_list tr a {font-size:0.9em; padding-right:5px; line-height:1.1em; }
table#items_list td.actions {text-align: center; vertical-align:bottom;}
table#items_list td.actions a {margin:0; padding:0;}
table#items_list td.actions a img {margin:0; display:block;}
table#items_list tr td {border-bottom: 1px solid #e2e2e2; padding: 10px 0; }
table#items_list img {margin-bottom:4px; }
table#items_list tr.pagination td {padding: 20px 10px 20px 0; text-align:right; border:none; }
table#items_list .pagination a {font-size: 1em; padding:0; }
table#items_list tr.new td {font-weight:bold;}

table td.name {font-size: 1.4em;}
table td.name p {margin: 0;}

/* forms */

.formline { clear: both; margin:0 0 10px; }
.formline input, .formline div, .formline label { vertical-align: middle; }
form.buysell input.textbox {width:195px; margin-left:10px; float:left; font-size:1.2em; padding:3px; }

#buy_login input { margin:0 10px 0 0; float:left; }
#buy_login a { color:#fff; }
#buy_login p { font-size:1.1em; padding-top:5px; }

.formline fieldset {margin: 0; padding: 10px 0; border-bottom: 1px solid #CCC; display: block; }

div.formline.last {margin-bottom: 100px}

.buysell label {display:block; width: 160px; float: left; font-weight:bold; font-size:1.4em; color:#333; text-align: left; }
 
.buysell textarea {width: 300px; overflow:auto; border: 1px solid #666; padding: 3px; margin-left:10px; height: 70px; }

.buysell select { font-size: 1.2em; border: 1px solid #666; padding: 3px; margin-left: 10px; float: left; }

.buysell select.short {width: 5em; }
.buysell select.medium {width: 10em; }
.buysell select.long, input.long {width: 30em; }
fieldset.buysell {border: none; padding-top:0; }
.buysell fieldset.radio label {font-size:1.2em; width: auto; text-transform:none;margin:-4px 20px 0pt 5px;_margin-top: 0;}
.buysell fieldset.radio input, form#buysell fieldset.radio label {float:left;}
.buysell ul {list-style:none; margin:0; padding: 0; }
.buysell li {list-style:none; display: block; float: left;}
.buysell img, .buysell a:hover img {margin-left: 10px;}
.buysell .contact {border-top:1px solid #e2e2e2; padding-top:20px;}
img.bigimage {float: right;}

div.note {display: block; width: 125px; float: left; margin-left: 40px; }
.buysell div.note {margin:5px 0 0 170px;width:325px; font-style:italic; display:inline; /* fixes double margin bug */}
div.note input.textbox {margin-left:0 !important;}

#terms { height:200px; overflow:scroll; border:1px solid #ccc; padding:5px; margin:20px 0; }

.buysell .buttons {text-align: right; }
.buysell .buttons input {float:none !important; margin-right:20px; }
.buysell .formline p {float: left; font-size:1.4em; padding: 0 0 0 10px; margin:0;width:160px; }
.buysell p.description {width:400px;}

.buysell .contact_area div {float: left; padding-left:10px; }
.buysell .contact_area div.note {margin-left:150px !important; }
.buysell .contact_area div img {margin:0 0 0 10px;}
.buysell .contact_area div li img {margin:5px 0 0;}
.buysell .contact_area div p.description {font-weight:bold; color:#333;}
.buysell .contact_area div ul {margin:0 !important; padding: 0 !important;}
#inside_maincol .buysell .contact_area div ul {list-style-image:none; }
#inside_maincol .buysell .contact_area div ul li {float: none; }
.buysell .contact_area div ul li.alt {color:#000; padding:4px 0 4px 10px;}

div.buttons {margin-bottom: 10px;}

/* error msgs */

#dashboard .error ul, #inside_maincol .error ul {margin:0; list-style:none; list-style-image: none;}
#dashboard .error {border: 2px solid #fff;}
.error {border: 2px solid #B32017; margin-bottom:20px; padding:5px;}



/* right col */
div.red {background:#9d1c14 url(../img/bg_box_red_tall.gif) repeat-x top left; color:#FFF; margin-bottom:10px; padding:14px 10px 10px; width: 290px; }
div.red form h3 {color:#FFF; font-size:1.7em; font-weight: normal; text-transform: none; }
div.red form input.textbox {border:1px solid #a3a3a3; border-bottom:none; border-right:none;font-size:1.3em; height:1.3em; padding:3px; color:#666; width:180px; display: block; margin-bottom: 10px;}
div.red form img.first {margin-right:13px; }

#dashboard h3 {color:#FFFFFF;font-size:1.5em;margin-top:0;text-transform:none;}
#dashboard fieldset {border:none; }
#dashboard a#logout {}
#dashboard ul {margin:0pt -10px -10px; list-style:none; }
#dashboard li {border-top:1px solid #8F211A;font-size:1.1em;}
#dashboard li.last {border-bottom:1px solid #8F211A;}
#dashboard li a {color:#FFF;display:block;height:22px;padding:2px 0 0 10px;}
#dashboard li a.selected {color:#000; background:url(../img/bg_buysell_secnav_over.gif) no-repeat top left;}
#dashboard li a:hover { background:url(../img/bg_buysell_secnav_over.gif) no-repeat top left;}
#dashboard strong {color:#fff;}