/* @override 
	http://localhost:8888/joomla/quickstart/j158_canvas/templates/JB_Canvas_v1.0/css/template_css.css
	http://showcase.joomlabamboo.com/canvas/templates/JB_Canvas_v1.0/css/template_css.css
	http://localhost:8888/joomla/quickstart/J158_Canvas/templates/JB_Canvas_v1.0/css/template_css.css
*/

/*--------------------------------------------------------------
# JB Canvas (January 09) - Joomla 1.0/Joomla 1.5
# Copyright (C) 2006-2008 joomlabamboo.com. All Rights Reserved.
# License: Commercial Template
# Website: http://www.joomlabamboo.com
# Support: http://www.joomlabamboo.com/forum 
---------------------------------------------------------------*/
 
/* @group Global Reset */

* 
{font-weight: inherit;font-family: inherit;	font-style: inherit; font-size: 100%; outline: 0;padding: 0;	margin: 0;}
img, a {border: none;}
fieldset.input,fieldset {border: none;}
body, html {height: 100%;width: 100%;margin: 0;padding: 0;}
ul li,ol li {list-style-position: inside;line-height: 2em;}
/* @end */

body {margin: 0;padding: 0;font-family: georgia;color: #999; line-height: 1.8;font-size:82%;text-align: justify;background: #121212 url(../images/sand_texture.jpg) repeat 0 0;}

/* @group Wrappers */
#outer_wrapper {width: 100%;float: left;;margin-left: 0%;border: 4px solid #141414;border-width: 2px 0 10px;}
#inner_wrapper {width: 940px;float: left;padding: 0px 0 50px 20px;}
/* @end */

/* @group Top Wrapper */
/* @group Very Top */
#very_top {height: 22px;padding-top: 4px;margin-right: 2%;font-size: 0.9em;width: 980px;color: #ddd;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
#veryTopLeft {width: 45%;float: left;margin-left: 20px!important;margin-left: 10px}
#veryTopRight {width: 45%;float: right;}
#veryTopRight ul {float: right;}
#very_top ul li a {color: #eee;margin: 0 10px;}
#very_top ul li {list-style-type: none;float: left;margin: 0 4px;}
/* @end */

/* @group Top Logo and nav area */
#logo {width: 310px;height: 110px;float: left;}
#top_wrapper {float: left;width: 100%;height: 115px;background: url(../images/line.png) repeat-x left bottom;}
#top_wrapper a {text-decoration: none;font: 90% 'helvetica neue',sans-serif;letter-spacing:2px;text-transform:uppercase;line-height: 1.4em;}
#top_wrapper a:hover {color: #DD934C;}
#top_left {float: left;width: 300px;font-size: 90%;}
#top_right {float: right;width: 600px;position: relative;z-index: 99;}
#top_wrapper ul {float: right;;padding: 0;}
#top_wrapper ul li {padding-top: 90px;padding-bottom: 10px;float: left;list-style-type: none;margin: 0 0 0 10px;}
#top_wrapper ul li a {float: left;margin: 0 8px;}
#top_right ul li {margin: 0 0px 0 15px;}


/* @group Superfish */
#top_wrapper li ul {position: absolute; width: 250px;background: url(../images/white_menu_overlay.png); z-index: 100;border-top: 10px solid #8FB259;margin-top: 80px;top: -9999px;}
#top_wrapper li ul ul {margin: 0;}
#top_wrapper li:hover ul {left: 0;}
#top_wrapper li ul li,#top_wrapper li ul li#current {padding: 0; width: 250px; margin: 0}
#top_wrapper li ul li#current {border: none;}
#top_wrapper ul li a{font-weight: bold; text-decoration: none;color: #333;}
#top_wrapper ul li li a {border-bottom: 1px solid #333;padding: 8px;width: 232px;margin: 0;}
#top_wrapper ul li li#current {background: none;}
#top_wrapper li a:hover,a#active_menu:link,a#active_menu:visited{text-decoration: none;}
#top_wrapper ul li.active a {text-decoration: none;}
#top_wrapper li.parent.active a {text-decoration: none}
#top_wrapper li.parent.active ul li a:hover {text-decoration: none;}
#top_wrapper li#current,#top_wrapper li.active,#top_wrapper ul li:hover,#top_wrapper ul  li.parent.active {background: url(../images/nav_active.png) no-repeat center top}
#top_wrapper li li:hover,#top_wrapper li li#current,#top_wrapper ul li li.parent.active {background: none;}
.nav ul {position:absolute;top:-999em;}
#top_wrapper li {float:left;position:relative;z-index:99;padding: 0 10px 0 0;}


#top_wrapper li li:hover ul,#top_wrapper ul li li.sfHover ul {left:250px!important;left:250px;top:-6px;}
#top_wrapper li:hover ul,#top_wrapper ul li.sfHover ul {left:0px;top:34px}

/* @end */
/* @end */
/* @end */

/* @group Main Wrap */
/* @group Banner */
#banner_wrap {padding-bottom: 10px;margin-bottom: 10px;}
/* @end */
/* @group Above Content */
#breadcrumb {float: right;width: 100%;text-align: right;}
#main_wrapper {clear: both;float: left;width: 100%;margin-top: 20px;}
#main_content {width: 100%;}
#above_content {width: 100%;float: left;margin-bottom: 20px;}
#above_left {float: left;width: 100%;}
#gallery {margin: 20px 0;}
#top_gallery img {margin-right: 15px;margin-bottom: 20px;}
#top_gallery ul li {float: left;list-style-type: none;}
/* @end */
/* @group Left Column */
#left_col {float: left;width: 20%;margin-right: 30px;margin-bottom: 20px;}
#left_col .moduletable {margin-bottom: 30px;}
#middle_col {width: 50%;float: left;margin: 0;}
#right_col {margin-top: 0px;float: right;width: 20%;margin-left: 10px;}
#left_col.triple {width: 20%;}
#right_col.triple {width:20%;}
#middle_col_triple {float: left;width: 50%;}
#left_col.double,#right_col.double {width: 20%}
#middle_col.double {width: 76%;float: left;}
#left {float: left;width: 180px;margin-right: 20px;font-size: 1.3em;}
#middle_col.single {width: 100%;}
#middle_col_double {width: 76%!important;width:75%;float: left;}

#left_col ul li,#right_col ul li {list-style-type: none;line-height: 1.6em;}
#left_col ul li a,#right_col ul li a {padding: 4px 0;border-bottom: 1px solid #ddd;display: block;}
#left_col ul ul li a,#right_col ul ul li a {padding-left:  20px!important;padding-left:10px;background: url(../images/red.png) no-repeat 4px 10px;}
#left_col h3 {font-size: 2em;margin: 8px 0 2px;}

#content {width: 100%;}
/* @end */

/* @group Right Column */
div#right_col {float: right;width: 25%}
#right_col ul li {list-style-type: none;background: url(../images/bullet.png) no-repeat left 8px;}
#right_col h3 {font-size: 2em;margin: 8px 0 2px;}
.right_div {margin-bottom: 30px;}
/* @end */
/* @end */

/* @group Below Content Grid Area */
#below_content_first,#below_content_second,#below_content_third,#topModuleWrap,#above_content {width: 100%;float: left;padding: 0;margin-bottom: 10px;}
#topModuleWrap {margin: 0 0 20px 0;padding: 0;float: left}
#below_content_first .moduletable,#below_content_second .moduletable,#below_content_third .moduletable {margin-bottom: 30px;}
.below_left,.bottomLeft,#topModuleLeft,#above_contentLeft {width: 30%;float: left;}
.below_mid,.bottomMid,#topModuleMid,#above_contentMid {float: left;width: 30%;margin: 0 0 0 50px;}
.below_right,.bottomRight,#topModuleRight,#above_contentRight {float: right;width: 30%;}
#below_content_first .moduletable,#below_content_second .moduletable, #below_content_third .moduletable 
{margin-bottom: 30px;float: left;}
#below_content_second.full_width .below_left,#below_content_second.full_width .below_mid,#below_content_second.full_width .below_right,#below_content_third.full_width .below_left,#below_content_third.full_width .below_mid,#below_content_third.full_width .below_right,#below_content_first.full_width .below_left,#below_content_first.full_width .below_mid,#below_content_first.full_width .below_right,#bottomModules div.full_width,#topModuleWrap div.full_width #topModuleRight,#topModuleWrap div.full_width #topModuleMid,#topModuleWrap div.full_width #topModuleLeft,#above_content div.full_width #above_contentMid,#above_content div.full_width #above_contentLeft,#above_content div.full_width #above_contentRight,#bottomModules .full_width .bottomLeft,#bottomModules .full_width .bottomMid,#bottomModules .full_width .bottomRight
{width: 100%;float: left;margin-left: 0;} 
#below_content_second.double .below_left,#below_content_second.double .below_mid,#below_content_second.double .below_right,#bottomModules div.double .bottomRight,#bottomModules div.double .bottomLeft,#topModuleWrap div.double #topModuleLeft,#above_content div.double #above_contentLeft,#topModuleWrap div.double #topModuleRight,#above_content div.double #above_contentRight
{width: 45%;}
#below_content_first.wide_right .below_mid,#below_content_second.wide_right .below_mid,#below_content_third.wide_right .below_mid,#bottomModules div.wide_right .bottomMid,#topModuleWrap div.wide_right #topModuleMid,#above_content div.wide_right #above_contentMid
{float: left;width: 30%;margin: 0;}
#below_content_first.wide_right .below_right,#below_content_second.wide_right .below_right,#below_content_third.wide_right .below_right,#bottomModules div.wide_right .bottomRight,#topModuleWrap div.wide_right #topModuleRight,#above_content div.wide_right #above_contentRight  {
float: right;width: 65%;margin: 0;}
#below_content_first.double .below_mid ,#below_content_second.double .below_mid,#below_content_third.double .below_mid
{float: right;}
#below_content_first.wide .below_left,#below_content_second.wide .below_left,#below_content_third.wide .below_left,#bottomModules div.wide .bottomLeft,#topModuleWrap div.wide #topModuleLeft,#above_content div.wide #above_contentLeft
{width: 65%;margin: 0;}
#below_content_first.wide .below_mid,#below_content_second.wide .below_mid,#below_content_third.wide .below_mid,#bottomModules div.wide .bottomMid,#topModuleWrap div.wide #topModuleMid,#above_content div.wide #above_contentMid
{float: right;margin: 0;}
/* @end */

#bottomModules {width: 940px;float: left;margin-left: 15px;;padding-bottom: 30px;margin-bottom: 10px;margin-top: 20px;background: url(../images/line.png) repeat-x left bottom;padding-bottom: 10px}
#bottomModules a {color: #666;}
#bottomModules a:hover {color: #fff;}
#bottomModules .moduletable {;margin-bottom: 10px;}
/* @group Footer */
#footer_wrapper {clear: both;margin-left: 20px;width: 940px;color: #666;padding-bottom: 40px;padding-top: 10px;font-size: 0.9em;}
#footer_wrapper ul li {list-style-type: none;float: left;margin-right: 10px}
#footer_wrapper ul li a {color: #999;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
#footer_wrapper ul li a:hover {color: #eee;}
#footer_left {width: 80%;float: left;}
#footer_right {width:105px;float: right;margin-right: 34px;}
/* @end */

/* @group Typography */
/* @group Links and Headings */

a {color: #333;text-decoration: none;}
a:hover {color: #ccc;}
p {margin: 8px 0;line-height: 2.2em}
h1,.componentheading, .componentheading a {color: #2F3540;font-size: 2.4em;display: inline;}
h2,.contentheading,.contentheading a {font-size: 2em;color:#666A73;display: block;width: 100%;margin: 4px 0;}
h3,.moduletable h3 {font-size: 1.3em;color: #8C8681}
h4 {color: #666A73;font-size: 1.1em;}
h5 {font-size: 0.9em;color: #333;}
h6 {font-size: 0.8em;color: #666;}
strong, bold,b {font-weight: bold}
italic, em {font-style: italic}
pre {padding: 10px;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

/* @end */

/* @group Classes */
.rss {background: url(../images/rss.png) no-repeat left center;padding: 4px 0 4px 30px;}
.contact {background: url(../images/contact.png) no-repeat left center;padding: 4px 0 4px 30px;}
.purchase {background: url(../images/purchase.png) no-repeat left center;padding: 4px 0 4px 30px;}
.login {background: url(../images/login.png) no-repeat left center;padding: 4px 0 4px 30px;}
.readmore,.readon {float: right;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;background: url(../images/icons/next.png) no-repeat right center;padding-right: 24px;line-height: 24px;text-align: right}
.left45 {float: left;width: 45%;margin-right: 10px;}
.right45 {float: right;width: 45%;margin-left: 10px;}
.clear {clear: both;}

.whitebox {background: #fff;border: 1px solid #ddd;color: #444;}
.blackbox {background: #444;border: 1px solid #000;color: #fff;}
.redbox {background: #84453C;border: 1px solid #44241F;color: #fff;}
.yellowbox {background: #EADD7B;border: 1px solid #DEB452;color: #111;}
.brownbox {background: #AFB972;border: 1px solid #79804D;color: #fff;}
.purplebox {background: #6E444F;border: 1px solid #2B1B2E;color: #fff;}
.greenbox {background: #AFB972;border: 1px solid #79804D;color: #fff;}
.bluebox {background: #ABC8E2;border: 1px solid #375D81;}
.whitebox,.blackbox,.bluebox,.redbox,.greenbox,.yellowbox,.brownbox,.purplebox {padding: 8px;margin: 10px 0;border-width: 1px 0;}
.whitebox p {margin-top: 0;}
/* @end */


/* @group Styles and Classes */
span.dropcap {float:left;color:#D4D4C7;font-size:70px;line-height:50px;padding:2px 12px 0px 0;font-family: Times, serif, Georgia;margin-top: 4px;}
blockquote,.blockquote {font-size: 140%;background: url(../images/blockquote.png) no-repeat left top;padding-left: 50px;}
blockquote p {background: url(../images/blockquote_br.png) no-repeat right bottom;padding-bottom: 20px;font-style: italic;margin: 10px 0;}

ul.pencil li {background: url(../images/pencil.jpg) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;}
ul.pencil {background: none;padding: 0}
ul.square li {background: url(../images/bullet_square_blue.png) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;}
ul.square {background: none;padding: 0}

/* @group Paragraph Styling */
.pencil {background: url(../images/icons/edit.png) no-repeat left center;padding-left: 60px;}
.star {background: url(../images/star.gif) no-repeat left center;padding-left: 30px;}
.new {background: url(../images/icons/star.png) no-repeat left center;padding: 20px 0 20px 60px;}
.code {font-family: courier;background: url(../images/icons/edit.png) no-repeat left center;padding: 20px 20px 20px 60px;display: block}
.attachment {background: url(../images/icons/attachment.png) no-repeat left center;padding: 20px 0 20px 60px;}
.calculator {background: url(../images/icons/calculator.png) no-repeat left center;padding: 20px 0 20px 60px;}
.cut {background: url(../images/icons/cut.png) no-repeat left center;padding: 20px 0 20px 60px;}
.dollar {background: url(../images/icons/dollar.png) no-repeat left center;padding: 20px 0 20px 60px;}
.euro {background: url(../images/icons/euro_currency.png) no-repeat left center;padding: 20px 0 20px 60px;}
.pound {background: url(../images/icons/sterling_pound_currency.png) no-repeat left center;padding: 20px 0 20px 60px;}
.contact {background: url(../images/icons/e_mail.png) no-repeat left center;padding: 20px 0 20px 60px;}
.star {background: url(../images/icons/star.png) no-repeat left center;padding: 20px 0 20px 60px;}
.save {background: url(../images/icons/save.png) no-repeat left center;padding: 20px 0 20px 60px;}
.sale {background: url(../images/icons/shopping_cart.png) no-repeat left center;padding: 20px 0 20px 60px;}
.sound {background: url(../images/icons/music_note.png) no-repeat left center;padding: 20px 0 20px 60px;}
.support {background: url(../images/icons/tools.png) no-repeat left center;padding: 20px 0 20px 60px;}
.next {background: url(../images/icons/next.png) no-repeat left center;padding: 20px 0 20px 60px;}
.rss {background: url(../images/icons/rss_feed.png) no-repeat left center;padding: 20px 0 20px 60px;}
.warning {background: url(../images/icons/warning.png) no-repeat left center;padding: 20px 0 20px 60px;}
.download {background: url(../images/icons/down.png) no-repeat left center;padding: 20px 0 20px 60px;}
.headphone {background: url(../images/icons/headphones.png) no-repeat left center;padding: 20px 0 20px 60px;}
.heart {background: url(../images/icons/favorite.png) no-repeat left center;padding: 20px 0 20px 60px;}
.font {background: url(../images/icons/font.png) no-repeat left center;padding: 20px 0 20px 60px;}
.key {background: url(../images/icons/key.png) no-repeat left center;padding: 20px 0 20px 60px;}
.link {background: url(../images/icons/link.png) no-repeat left center;padding: 20px 0 20px 60px;}
.lock {background: url(../images/icons/lock.png) no-repeat left center;padding: 20px 0 20px 60px;}
.mail {background: url(../images/icons/mail.png) no-repeat left center;padding: 20px 0 20px 60px;}
.iphone {background: url(../images/icons/iphone.png) no-repeat left center;padding: 20px 0 20px 60px;}
.case {background: url(../images/icons/briefcase.png) no-repeat left center;padding: 20px 0 20px 60px;}
.comment {background: url(../images/icons/comment.png) no-repeat left center;padding: 20px 0 20px 60px;}
.user {background: url(../images/icons/user.png) no-repeat left center;padding: 20px 0 20px 60px;}
.users {background: url(../images/icons/users.png) no-repeat left center;padding: 20px 0 20px 60px;}
.folder {background: url(../images/icons/folder.png) no-repeat left center;padding: 20px 0 20px 60px;}
.computer {background: url(../images/icons/computer.png) no-repeat left center;padding: 20px 0 20px 60px;}
.home {background: url(../images/icons/home.png) no-repeat left center;padding: 20px 0 20px 60px;}
.info {background: url(../images/icons/info.png) no-repeat left center;padding: 20px 0 20px 60px;}
.ipod {background: url(../images/icons/ipod.png) no-repeat left center;padding: 20px 0 20px 60px;}
.phone {background: url(../images/icons/phone.png) no-repeat left center;padding: 20px 0 20px 60px;}
.camera {background: url(../images/icons/photo_camera.png) no-repeat left center;padding: 20px 0 20px 60px;}
.print {background: url(../images/icons/print.png) no-repeat left center;padding: 20px 0 20px 60px;}
.process {background: url(../images/icons/proccessing.png) no-repeat left center;padding: 20px 0 20px 60px;}
.promotion {background: url(../images/icons/promotion.png) no-repeat left center;padding: 20px 0 20px 60px;}
.refresh {background: url(../images/icons/refresh.png) no-repeat left center;padding: 20px 0 20px 60px;}
.search {background: url(../images/icons/search.png) no-repeat left center;padding: 20px 0 20px 60px;}
.tag {background: url(../images/icons/tag.png) no-repeat left center;padding: 20px 0 20px 60px;}
.date {background: url(../images/icons/calendar.png) no-repeat left center;padding: 20px 0 20px 60px;}
/* @end */

/* @group List Styling */
ol li {list-style-position: inside;}
ul.tick li {background: url(../images/tick.gif) no-repeat left center;list-style-type: none;padding-left: 20px;}
ul.tick li {background: url(../images/tick.gif) no-repeat left center;list-style-type: none;padding-left: 20px;}
li.blue ,li.green, li.brown, li.black,li.yellow,li.red, li.white,ul.red li,ul.green li,ul.black li,ul.blue li,ul.yellow li,ul.brown li,ul.white li {list-style-type: none;padding: 4px 0 4px 16px;}
li.black,ul.black li {background: url(../images/black.png) no-repeat left center;}
li.blue,ul.blue li {background: url(../images/blue.png) no-repeat left center;}
li.red,ul.red li {background: url(../images/red.png) no-repeat left 14px;}
li.green,ul.green li {background: url(../images/green.png) no-repeat left center;}
li.yellow,ul.yellow li {background: url(../images/yellow.png) no-repeat left center;}
li.white,ul.white li {background: url(../images/white.png) no-repeat left center;}
li.brown,ul.brown li {background: url(../images/brown.png) no-repeat left center;}
div.clear-body{display:none;}
/* @end */

/* @group Colours */
span.black {color: #000;}
span.blue {color: #ABC8E2;}
span.red {color: #84453C;}
span.green {color: #AFB972;}
span.yellow {color: #EADD7B;}
span.white {color: #fff;}
span.brown {color: #61461D;}
span.purple {color: #6E444F;}
/* @end */

/* @group Misc Styles */
.border {padding: 4px;border: 1px solid #eee;background: #fff;}
.floatleft {float: left;margin: 8px 20px 0 0;}
.floatright {float: right;margin: 8px 0 0 20px;}
.clear {clear: both;}
.inputbox {border: 1px solid #ddd;padding: 4px;}
#search_searchword {background: url(../images/input.png) no-repeat 8px center;width: 200px;height: 30px;border: 0;margin-right: 10px;padding-left: 15px}
.col {float: left;margin-right: 10px;width: 30%;}
hr#readmore {margin: 8px 0;}
.line, hr {background: url(../images/line.png) repeat-x left bottom;width: 100%;clear: both;margin: 20px 0;}
p.line {height: 20px;}
/* @end */
 
/* @group General Lists */

/* @end */
/* @end */
/* @end */

/* @group Extra Modules */

/* @group Galleria */
#jb_galleria_container {position: relative;height: 400px;width: 100%;}
.caption{position: absolute;}
.jb_galleria{width:100%;position: absolute;}
.jb_galleria li{width:68px;height:50px;margin: 0 4px 4px;background:#fff;list-style-type: none;float: left;margin-right: 15px;cursor: pointer;}

#main_image{margin:0px 0 20px;height:375px;width:680px;background:#fff;border: 1px solid #ddd;padding: 4px;position: absolute;}
#main_image img{margin-bottom:10px;}
p.nav{width: 180px;padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;position: absolute;}
#jb_galleria_container .nocaption .caption{margin-left: -100000px;  }
.links a {background: url(../images/icons/next.png) no-repeat left center;padding-left: 24px;float: right;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;margin-top: 10px;line-height: 24px;}

/* @end */

/* @group Timeline */
#timeline {height: 300px;   margin-top: 0px;   padding: 20px 1%;   overflow: auto;    width: 98%;   cursor: pointer;   background: url(../images/scope.png) no-repeat left bottom;
    /*cursor: -moz-grab !important;*/ /* should this be applied with JS? */}
.tl-events {   width: 11800px;   list-style: none;   padding: 0; margin: 0;}
.timeline_avatar {float: left;border: 1px solid #ddd;background: #fff;padding: 4px;margin-right: 12px;;}
.canvas_blog {float: left;width: 300px;margin-right: 20px;}
.artists_bio p {margin: 0;font-size: 0.9em;}
.canvas_blog h2 {margin: 0;float: left;width: 100%;}
.artists_bio {width: 300px;float: left;margin-right: 20px;}
/* @end */

/* @group Pretty Box */
.prettyContainer {width: 100%;}
img.prettyBox {float: left;margin: 0 10px 10px 0;border: 1px solid #ddd;padding: 4px;background: #fff;}
.prettydiv {float: left;margin-right: 20px;}
p.prettyDescription,p.prettyDate {font-style: italic;line-height: 1.4em;margin: 4px 0 0 0;}
img.prettyBox {border: 1px solid #ddd;padding: 4px}
p.prettyTitle {font-size: 120%;margin: 4px 0 8px 0;line-height: 1em;}
/* @end */
/* @end */

/* @group Joomla Stuff */
.blog {width: 100%;}
.contentpaneopen {width: 100%;}
.article_column {padding-right: 10px;}
/* @end */

.searchform input {background: url(../images/search_input.png) no-repeat;color: #666;width: 145px;border: none;padding-left: 25px;}
.toplogin {width: 100%;}
.bottomlogin {width: 100%;clear: both;}
.login_submit {float: left;width: 60px;}
.login_submit input.button {margin-top: 10px;}
ul.login li {float: left;margin-right: 5px;}
.login_links {float: left;}
.login_links a {float: left;margin: 8px 10px 0 0;}
#username.inputbox {float: left;margin-right: 20px;background: url(../images/user_input.png) no-repeat;height: 22px;width: 135px;padding-left: 30px;border: none;}

.username {float: left;width: 200px;}
#passwd.inputbox {float: left;margin-right: 20px;background: url(../images/pass_input.png) no-repeat;height: 22px;width: 135px;padding-left: 30px;border: none;}
.remember {width: 120px;float: left;margin-top: 10px;}
input#remember {margin-left: 8px;}
.style {cursor: pointer;}


