/* 	
		Codebase Stylesheets
		
		Global Application Stylesheet.
		
*/


html {font-family:Arial, Verdana, sans-serif; font-size:12px; background:#f1f1f1;}

.hidden { display:none;}
p.centre { text-align:center;}
div.right-align { text-align:right;}
div.vmargin { margin:10px 0;}
em { font-style:italic;}

span.betaflag { background:#83CC43; vertical-align:top; font-size:60%; padding:2px; font-weight:bold; color:#fff; margin-left:2px;}

/* Safari: will you pls. just fuck off with your stupid input focusing? kthxbai! */

input, textarea {outline-style:none;outline-width:0px;}
a:active { outline: none;}

/*#flasher { position:fixed;left:0; top:-50px; width:100%; margin:0; }*/
#flasher div { margin:0; padding:0; font-size:105%;margin:10px 0;}
#flasher #flash-notice { background:url(/images/icons/error.png) #ecf7d9 no-repeat 6px 50%; padding:7px; border:1px solid #82c213; padding-left:29px;}
#flasher #flash-notice p { margin:0; padding:0px 0px; font-weight:bold; color:#82c213;}
#flasher #flash-error { background:url(/images/icons/red_error.png) #ffe4e8 no-repeat 6px 50%; padding:7px; border:1px solid #e7484f; padding-left:29px;}
#flasher #flash-error p { margin:0; padding:0px 0px; font-weight:bold; color:#e7484f;}

input.focused { background:#FFF6D4;}

#print-footer { display:none;}

/* Header */
#header { min-width:950px; }
#header .preamble { padding:5px 0px; border-bottom-width:1px; border-bottom-style:solid;}
#header .preamble .inner { width:950px; margin:auto;}
#header .preamble p { float:left;padding-top:2px;}
#header .preamble p a { text-decoration:none; }
#header .preamble p a:hover { text-decoration:underline;}
#header .preamble ul { float:right; font-size:90%;}
#header .preamble ul li { float:left; margin-left:10px;}
#header .preamble ul li.user { font-weight:bold; background:url(/images/icons/user8.png) no-repeat 0 50%; padding-left:12px;}
#header .preamble ul li.account { font-weight:bold; background:url(/images/icons/account8.png) no-repeat 0 50%; padding-left:12px;}
#header .preamble ul li.beta a { color:yellow; font-style:italic; font-weight:bold; font-size:90%;}
#header .preamble ul li.beta { padding-top:1px}
#header .preamble ul li.feedback { margin-left:15px;}
#header .preamble ul li.feedback a { background:url(/images/icons/smile.png) no-repeat; padding-left:19px; padding-bottom:2px; padding-top:0px;}

#header .preamble ul li a { text-decoration:none;display:block;margin-top:2px;}
#header .preamble ul li a:hover { text-decoration:underline;}
#header .preamble ul li.help a {margin-top:0; background:url(/images/buttons/help.png);display:block;text-indent:-40000px;width:38px; height:17px; overflow:hidden;}
#header .preamble ul li.secure { padding-top:-1px;margin-left:5px;}
#header .preamble:after { content: ""; display: block; height: 0; clear: both; }

#header .preamble ul li ul.account-select { position:absolute;border:3px solid #ccc; width:250px;z-index:900;}
#header .preamble ul li ul.account-select li { float:none; display:block;margin:0;padding:0;background:#efefef;}
#header .preamble ul li ul.account-select li.title { padding:4px; color:#999; border-bottom:1px solid #ccc; font-weight:normal;}
#header .preamble ul li ul.account-select li a { background:url(/images/icons/codebase.png) no-repeat 5px 3px;  margin:0;color:#333;display:block;padding:5px; padding-left:26px;border-bottom:1px solid #ccc;font-weight:normal;  font-size:120%; font-weight:bold;}
#header .preamble ul li ul.account-select li a:hover { background-color:#E1E1E1; text-decoration:none;}
#header .preamble ul li ul.account-select li a span { }
#header .preamble ul li ul.account-select li a span.name { font-size:120%; font-weight:bold;}
#header .preamble ul li ul.account-select li a span.url { color:#888;}

#header .preamble a.project-browser { font-weight:normal;}
#header .preamble div.project-browser { z-index:200; background:#fff; width:320px; position:absolute; margin-top:16px;padding:10px; border:6px solid #ccc;margin-left:100px;}
#header .preamble div.project-browser h3 { font-size:120%; font-weight:bold; color:#333;}
#header .preamble div.project-browser p { color:#333;float:none;margin:0px 0; font-weight:normal;font-size:90%; line-height:1.3; color:#666;}
#header .preamble div.project-browser p.select { margin:5px 0 0 0;}
#header .preamble div.project-browser p.select select { font-size:120%; }
#header .preamble div.project-browser p.select select option { font-size:130%;}
#header .preamble div.project-browser p.select select optgroup { font-size:110%;}
#header .preamble div.project-browser ul { color:#333; float:none;font-size:100%;margin:5px 0 10px 0;border-bottom:1px dotted #ccc}
#header .preamble div.project-browser ul li { float:none;margin:0; border-top:1px dotted #ccc; ;}
#header .preamble div.project-browser ul li a { display:block;float:none; margin:0;padding:6px;background-repeat:no-repeat;background-position:4px 4px;padding-left:25px;}
#header .preamble div.project-browser ul li a:hover { background-color:#efefef; text-decoration:none;}
#header .preamble div.project-browser ul li a span.name { font-size:120%; color:#333;}
#header .preamble div.project-browser ul li a.icon1 { background-image:url(/images/icons/project_icons/icon1_small.png);}
#header .preamble div.project-browser ul li a.icon2 { background-image:url(/images/icons/project_icons/icon2_small.png);}
#header .preamble div.project-browser ul li a.icon3 { background-image:url(/images/icons/project_icons/icon3_small.png);}
#header .preamble div.project-browser ul li a.icon4 { background-image:url(/images/icons/project_icons/icon4_small.png);}
#header .preamble div.project-browser ul li a.icon5 { background-image:url(/images/icons/project_icons/icon5_small.png);}
#header .preamble div.project-browser ul li a.icon6 { background-image:url(/images/icons/project_icons/icon6_small.png);}
#header .preamble div.project-browser ul li a.icon7 { background-image:url(/images/icons/project_icons/icon7_small.png);}
#header .preamble div.project-browser ul li a.icon8 { background-image:url(/images/icons/project_icons/icon8_small.png);}
#header .preamble div.project-browser ul li a.icon9 { background-image:url(/images/icons/project_icons/icon9_small.png);}

#header .preamble p.beta { font-size:90%;}
#header .preamble p.beta span { background:#FFF600; color:#333; padding:2px;}

#header .preamble a.dashboard { font-size:90%;font-weight:bold;margin-right:5px;}
#header .preamble a.project-browser {font-size:90%; border-left-width:1px; border-left-style:solid; padding-left:5px;}

#header .main { padding:10px 0 0 0; height:1%; overflow:hidden}
#header .main .inner { width:950px; margin-left:auto;margin-right:auto;}
.firefox2 #header .main { height:39px; overflow:visible;}

#header .main h1 { letter-spacing:-1px;float:left; font-size:180%; font-weight:bold; text-shadow:#000 2px 2px;margin:0 0 10px 0;}
#header .main ul { float:right;}
#header .main ul li { float:left;padding-top:8px; display:block; width:auto;}
#header .main ul li.space { margin-left:15px;}
#header .main ul li a { letter-spacing:1px; display:block; padding:8px; margin-left:3px; text-decoration:none; font-size:95%; font-weight:normal; border-top-width:1px; border-top-style:solid; width:auto; cursor:pointer}
#header .main ul li a.active { font-weight:bold; padding-left:25px; background-repeat:no-repeat; background-position:6px 48%;}
#header .main ul li.overview a.active { background-image:url(/images/icons/overview.png);}
#header .main ul li.dashboard a.active { background-image:url(/images/icons/dashboard.png);}
#header .main ul li.users a.active { background-image:url(/images/icons/users.png);}
#header .main ul li.projects a.active { background-image:url(/images/icons/projects.png);}
#header .main ul li.settings a.active { background-image:url(/images/icons/settings.png);}
#header .main ul li.milestones a.active { background-image:url(/images/icons/milestones.png);}
#header .main ul li.time_tracking a.active { background-image:url(/images/icons/clock.png);}
#header .main ul li.notifications a.active { background-image:url(/images/icons/notifications.png);}
#header .main ul li.wiki a.active { background-image:url(/images/icons/wiki.png);}
#header .main ul li.errors a.active { background-image:url(/images/icons/errors.png);}
#header .main ul li.repositories a.active { background-image:url(/images/icons/repo.png);}
.firefox2 #header .main ul li.repositories a, .msie7 #header .main ul li.repositories a { width:84px;}
.firefox2 #header .main ul li.repositories a.active, .msie7 #header .main ul li.repositories a.active {  width:94px;}
#header .main ul li.tickets a.active { background-image:url(/images/icons/tickets.png);}
.firefox2 #header .main ul li.tickets a, .msie7 #header .main ul li.tickets a { width:54px;}
.firefox2 #header .main ul li.tickets a.active, .msie7 #header .main ul li.tickets a.active { width:59px;}
#header .main ul li.drop a { padding-right:8px; overflow:hidden;}

#header .main ul li a span.link-text { float:left;}
#header .main ul li a span.arrow { margin-top:5px;margin-left:4px;background:url(/images/icons/drop_down_white.png) no-repeat; width:7px; height:4px; display:block;float:right;}
#header .main ul li a.active span.arrow { background-image:url(/images/icons/drop_down_black.png);}

#header .main ul li ul { position:absolute; margin:0;border:3px solid #ccc; border-top:0; border-bottom-width:2px;display:none; z-index:200; overflow:hidden;width:224px;}
#header .main ul li.to_right ul {margin-left:-179px;}
#header .main ul li ul li { float:none; padding:0; border-bottom:1px solid #ccc; width:224px;}
#header .main ul li ul li.title { padding:4px 8px; background:#efefef; color:#999; font-weight:bold; font-size:90%; }
#header .main ul li ul li.nodata { padding:4px 8px; background:#efefef; color:#777; font-size:90%;line-height:1.3;}
#header .main ul li ul li a { background-image:none;margin:0; border-top-width:0;}

#header .main ul li ul li a { background:none; background-color:#efefef; color:#333; letter-spacing:0;background-position:0px -20px ;}
#header .main ul li ul li a:hover { background-color:#E1E1E1;}
#header .main ul li ul li a { background-repeat:no-repeat;background-position:5px 5px; padding-left:24px; width:200px;}

.msie7 #header .main ul li.repositories ul li a { width:200px;}
.msie7 #header .main ul li.tickets ul li a { width:200px;}

.firefox2 #header .main ul li.repositories ul li a { width:200px;}
.firefox2 #header .main ul li.tickets ul li a { width:200px;}

#header .main ul li.tickets ul li.new a { background-image:url(/images/icons/new_ticket.png); }
#header .main ul li.tickets ul li.assigned a { background-image:url(/images/icons/assignee.png); }
#header .main ul li.tickets ul li.reporter a { background-image:url(/images/icons/reporter.png); }
#header .main ul li.tickets ul li.watched a { background-image:url(/images/icons/watched.png); }
#header .main ul li.tickets ul li.open a { background-image:url(/images/icons/tickets.png); }
#header .main ul li.tickets ul li.closed a { background-image:url(/images/icons/closed_tickets.png); }
#header .main ul li.tickets ul li.all a { background-image:url(/images/icons/all_tickets.png); }
#header .main ul li.tickets ul li.search a { background-image:url(/images/icons/find.png); }
#header .main ul li.tickets ul li.discussions a {background-image:url(/images/icons/discussion.png); }

#header .main ul li.tools ul li.assigned a { background-image:url(/images/icons/assignee.png); }
#header .main ul li.tools ul li.reporter a { background-image:url(/images/icons/reporter.png); }
#header .main ul li.tools ul li.time a { background-image:url(/images/icons/clock.png); }

#header .main ul li.repositories ul li.all a {background-image:url(/images/icons/repos.png); }
#header .main ul li.repositories ul li.new a {background-image:url(/images/icons/new.png); }
#header .main ul li.repositories ul li.repo a {background-image:url(/images/icons/browser.png); }

#header .sub { border-bottom-width:1px; border-bottom-style:solid; padding:8px 0;}
#header .sub .inner { width:950px; margin-left:auto; margin-right:auto;}
#header .sub h2 { font-size:210%; font-weight:bold; letter-spacing:-1px;}
#header .sub h2 span { font-size:50%; margin-left:10px; font-weight:normal; color:#888; letter-spacing:0;}
#header .sub h2 span a { color:#888;}
#header .sub ul { font-size:90%;margin-bottom:7px;}
#header .sub ul li {color:#777; display:inline;  background:url(/images/icons/breadcrumb_arrow.png) no-repeat right center; padding-right:13px; padding-left:4px;}
#header .sub ul li.first { padding-left:0;}
#header .sub ul li.last { background:none;padding-right:0;}
#header .sub ul li a { color:#777;}
#header .sub div.button { float:right; margin-top:6px; margin-left:5px;}

#body { padding:15px 0; background:#fff; }
#body:after { content: ""; display: block; height: 0; clear: both; }
#body .inner { width:950px; margin-left:auto; margin-right:auto; clear:both;}

#body.full { padding:0;}
#body.full #content { width:100%; float:none; padding-right:0; border:0;}

#body div.disabled { margin-bottom:15px; background:url(/images/icons/red_error.png) #ffe4e8 no-repeat 8px 9px; padding:7px; border:1px solid #e7484f; padding-left:29px;}
#body div.disabled p { margin:0; padding:0px;  color:#e7484f;}
#body div.disabled p b { font-size:125%; display:block; margin-bottom:3px;}
#body div.disabled p a:hover { background:none; text-decoration:underline;}

#content { width:68%; float:left;padding-right:2%;border-right:1px dotted #ccc; overflow:hidden; padding-bottom:10px;}
#content.full { width:100%; float:none; padding-right:0; border:0;}

/* Massive Heading */
#content h6 { font-size:300%; text-align:center; margin:100px 0;}
#content h6 img.avatar {display:block; margin:auto; margin-bottom:20px; padding:5px; border:10px solid #ccc;}


/* Headings */

#content h3 { font-size:160%; margin:15px 0; font-weight:bold;}
#content h3 code { background:yellow; padding:1px;}
#content h3 span { font-size:70%; color:#999; font-weight:normal; margin-left:15px;}
#content h4 { font-size:130%;margin:5px 0; font-weight:bold;}
#content h4 code { font-size:90%; background:#fffee1; padding:1px;}
#content h4.border { border-bottom:1px solid #666; background:#999; padding:5px; color:#fff; font-size:100%;} 
#content hr {background:none; border:0; border-top:1px solid #efefef; margin:15px 0; height:1px;display:block;}
#content p {line-height:1.4; margin:10px 0;}
#content p a { color:#333;padding:1px;}
#content p a:hover { background:#efefef; text-decoration:none; }
#content p.i {font-size:120%;}
p.grey { background:#F7F7F7; padding:10px; overflow:hidden;}
p.grey span.marked-up { float:right; font-size:90%; margin-top:5px; color:#999;}
p.grey span.marked-up a { color:#999 !important; }
p.grey span.marked-up a:hover { background:none !important; text-decoration:underline !important;}
p.grey .clippy { float:right; padding-top:2px; margin-left:5px;}
div.grey { background:#F7F7F7; padding:10px; overflow:hidden;}
div.centered { text-align:center;}
#content p.border { border-top:3px solid #333; padding-top:10px; clear:both;}
#content p.right { text-align:right;}
#content p.search-results { font-size:130%;}
#content p.search-results span { background:#fffee1; padding:1px; font-weight:bold;}

/* Help Message Box */

#content div.help-message {background:url(/images/icons/support.png) #fffee1 no-repeat 10px 10px; padding:10px; font-size:100%; padding-left:35px; border:1px solid #e8e7c5;}
#content div.help-message span { background:url(/images/backgrounds/help-message-arrow.png);width:12px; height:16px; display:block;position:absolute;margin-left:-47px;}
#content div.help-message p { margin:0;line-height:1.4;}

/* Right Bar */

#right { float:right; width:27%; margin-left:2%;}
#right h3 { background:#e7f0f7; font-size:120%; padding:5px; border-bottom:1px solid #cedbe5;color:#222;font-weight:bold;}
#right p { margin:5px ; line-height:1.6; font-size:95%; color:#666;}
#right p span.highlight { background:#FFFBC6; padding:1px;}
#right p a { color:#333;}
#right hr {border:0; background:0;margin:20px 0; clear:both;}
.msie #right hr {border:1px solid #ffffff; margin:0px; }
.firefox #right hr {border:1px solid #ffffff; margin:10px 0px; }
#right div.arrow { background:url(/images/backgrounds/button_arrow.png); width:47px; height:57px; position:absolute; margin-left:240px; margin-top:-43px;}
#right p.small { font-size:90%; font-style:italic; color:#999;}
#right p.centre {text-align:center;} 
#right div.centre { text-align:center; overflow:hidden;}
#right div.overview { font-size:120%;background:#F7F7F7; padding:4px;}
#right p.no-data { text-align:center; font-size:110%; color:#999; margin:15px 0;}
#right form input.text { border:1px solid #ccc;padding:4px; width:226px;}
#right form input.defaulted { color:#999}
#right .barry { text-align:center;margin:60px 0 0 0;}
#right ul.progress-key {background:#fff; padding:10px;margin-top:10px; text-align:center; overflow:hidden; width:215px; margin-left:30px;}
#right ul.progress-key li { display:block; margin-right:5px; font-size:90%; color:#666; overflow:hidden; float:left;}
#right ul.progress-key li span { display:block; background:#ccc; width:10px; height:10px; float:left; margin-right:5px; margin-top:2px;}
#right ul.progress-key li span.closed { background:#6AC3E7;}

#right p.textbox input {width:235px; border:0; background:#efefef; padding:5px; font-size:120%;}
#right p.search {}
#right p.search input.text { width:50%;margin-right:5px; background-image:url(/images/icons/find.png);background-repeat: no-repeat; background-position: 4px 0px; padding-left:23px;}
#right p.search img.spinner { margin-left:5px;}
#right p span.hl, #right p code.hl { background:#fffee1;}

#right h3 span.right { float:right; font-size:70%; padding-top:2px; padding-right:4px;}
.firefox #right h3 span.right .centered { margin-top:-17px;}
.msie7 #right h3 span.right .centered { margin-top:-22px;}
#right h3 span.right  a { color:#333;}
#right h3 span.right  a:hover { color:#000;}

/* Footer */

#footer {padding:15px 0; font-size:90%;color:#888;margin-bottom:10px; border-top:10px solid #ccc;}
#footer .inner { width:950px; margin-left:auto; margin-right:auto;}
#footer ul.nav {margin-bottom:8px;overflow:hidden;}
#footer ul.nav li { display:inline; margin-right:8px; color:#C0C0C0}
#footer ul.nav li.c { border-left:1px solid #C0C0C0; padding-left:10px;}
#footer a { color:#888;}
#footer p {line-height:1.5; color:#999;}
#footer p a { color:#999;}
#footer p span { margin-left:15px; padding-left:11px; border-left:1px solid #ccc;}
#footer p span a { margin-right:4px;margin-left:4px;}
#footer .melbourne {margin-top:8px;}
#footer .melbourne p { line-height:1.8; height:17px; margin-top:10px}
#footer .melbourne p img {float:left; padding-right:5px; margin-top:-1px;}

#footer .feeling { overflow:auto; float:right; padding-bottom:10px;}
#footer .feeling p { margin:0;  font-size:90%;  color:#ccc;}
#footer .feeling p b { font-weight:normal;}
#footer .feeling p span { font-size:90%;}
#footer .feeling ul { margin:5px 0;width:105px; overflow:hidden; float:right;}
#footer .feeling ul li a { margin-left:10px; margin-right:0;}

/* Forms */

div.split.grey { background:#F7F7F7; padding:10px; overflow:hidden;}
div.split.margin { margin:10px 0;}
div.split:after { content: ""; display: block; height: 0; clear: both; }
div.split .left {float:left; width:50%; }
div.split .right {float:right; width:50%; }
div.split.three .left { width:33%;}
div.split.three .centre { width:33%;float:left;}
div.split.three .right { width:33%;}
div.split .left.narrow {width:25%;}
div.split .left.wide {width:75%;}
div.split .left.wide input.text { padding:1%;}
div.split .right.narrow {width:25%;}
div.split .right.wide {width:75%:;}

#content dl.form.grey { background:#F7F7F7; padding:10px;}
#content dl.form.margin { margin:10px 0;}
#content dl.form dt { margin-bottom:5px;}
#content dl.form dt a { color:#333;}
#content dl.form dt label { font-size:110%; font-weight:bold;}
#content span.req { color:#FF322E; margin-left:5px;}
#content sup.optional { margin-left:5px; color:#999; font-size:70%; text-transform:uppercase; font-weight:normal;}
#content dl.form dd { margin-bottom:10px;}
#content dl.form dd input.text {font-size:130%; padding:5px; border:1px solid #999; width:98%;}
#content .split dl.form dd input.text { padding:5px; width:90%;}
#content dl.form dd input.text.disabled { background:#F9F9F9; color:#333;}
#content dl.form dd input.text.defaulted { color:#ccc;}
#content dl.form dd.select { padding-top:3px;}
#content dl.form dd a { color:#333;}
#content dl.form.left dd input{ margin-right:6%;}
#content dl.form.right dd input, #content dl.form.right dd select { margin-left:6%;}
#content dl.form.right dt { padding-left:6%;}
#content dl.form dd span.text { display:block;margin-top:8px;}
#content dl.form.right dd span.text { margin-left:6%;}
#content dl.form dd span.text span{ background:#FF726E; padding:2px; color:#fff; font-weight:bold;}
#content dl.form dd div.manage { display:inline; }
#content dl.form dd div.manage a {background-repeat:no-repeat; background-position:3px 3px;padding-left:21px; padding:5px 5px 5px 22px; color:#777; font-weight:bold; font-size:90%;}
#content dl.form dd div.manage a:hover { color:#333; background-color:#FFF; }
#content dl.form dd div.manage a.groups { background-image:url(/images/icons/groups.png);}

#content p.grey textarea { width:98%; padding:4px; font-size:110%; border:1px solid #999}
#content p.grey input.text { width:70%; border:1px solid #999; padding:5px;}
#content p input.text.tags { background-image:url(/images/icons/tag.png); background-repeat:no-repeat; background-position: 5px 50%; padding-left:25px; width:80%;}
#content p.grey .packages {background:url(/images/icons/packages.png) no-repeat; padding-left:20px;}
#content p.grey .fieldWithErrors span.text { display:block;margin-top:8px;}
#content p.grey .fieldWithErrors span.text span { background:#FF726E; padding:2px; color:#fff; font-weight:bold;}
p.grey textarea.public-key {width:98%; padding:1%;}
textarea.public-key { font-family:Monaco, Courier, Arial, Verdana, sans-serif; font-size:90%;}
.linux textarea.public-key { font-family:"Courier New", Courier, Arial, Verdana, sans-serif; font-size:90%;}
#content dl.form dd.checkbox { padding-top:6px;}
#content dl.form dd.checkbox { font-size:110%;}
#content dl.form dd.checkbox input { margin-right:5px;}

#content form ul.grey { background:#efefef; padding: 1px 10px; overflow:hidden;}
#content form ul.grey li { margin:10px 0;}
#content form ul.grey li input { display:block; float:left; width:20px;margin-top:1px;}
#content form ul.grey li p { margin:0; margin-left:25px; color:#666;}
#content form ul.grey li p label { font-size:110%; color:#333; font-weight:bold;}

.msie7 #content form ul.grey li { overflow:hidden;}
.msie7 #content form ul.grey li p { margin-top:3px; }

#content form p.gravatar { background:url(/images/icons/gravatar.png) no-repeat 5px 0; padding-left:60px;}
#content form p.gravatar a { font-weight:bold;  color:#0068AD;}

/* User List */

#content ul.user-list {}
#content ul.user-list li { padding:10px; margin-bottom:10px;}
#content ul.user-list li:after { content: ""; display: block; height: 0; clear: both; }
#content ul.user-list li.e { background:#efefef;}
#content ul.user-list .avatar { float:left; width:50px;}
#content ul.user-list .avatar img { padding:2px; border:1px solid #ccc;}
#content ul.user-list h4 { margin:0; margin-left:75px;}
#content ul.user-list h4 a { color:#333; text-decoration:none;}
#content ul.user-list h4 a:hover { text-decoration:underline;}
#content ul.user-list h4 span { font-size:80%; color:#777; margin-left:5px;}
#content ul.user-list p { margin:0; margin-left:75px; font-size:110%; margin-top:5px;}
#content ul.user-list div.right { float:right;text-align:right;}
#content ul.user-list div.right p { margin:0; font-size:90%; color:#999;line-height:1.6}
#content ul.user-list div.right p span { background:#44a9d8; padding:1px; color:#fff;}
#content ul.user-list div.right p.active span { background:#99e25e; }
#content ul.user-list ul { margin:0; margin-left:75px; margin-top:5px; overflow:hidden}
#content ul.user-list ul li { padding:0; display:block; margin-right:10px; float:left}
#content ul.user-list ul li a { color:#666; font-size:90%;}
#content ul.user-list ul li a:hover { color:#444;}

/* Assignments */

#content #assignments h4.admin { text-align:center; line-height:1.6; font-size:150%; background:#efefef; padding:10px;margin-bottom:0;}
#content #assignments .new-assignment { background:#efefef; padding:10px;}
#content #assignments .new-assignment p { margin:0;}
#content #assignments .new-assignment p input { margin-left:10px;}
#content #assignments .new-assignment p label { margin:0 5px; font-weight:bold;}
#content #assignments .new-assignment p label.rw { color:#8AD33B;}
#content #assignments .new-assignment p label.ro { color:#B54E4E;}
#content #assignments .new-assignment p label.na { color:#999;}
#content #assignments .new-assignment p a { margin:0 5px; color:#444; font-size:90%;}
#content #assignments .new-assignment p input.add { float:right;}
#content #assignments .new-assignment ul {margin-top:10px; }
#content #assignments .new-assignment ul li { display:inline; margin-right:10px;}
#content #assignments .new-assignment ul li input { margin-right:3px;}
#content #assignments .new-assignment ul li.title { font-size:90%; color:#777;}
#content #assignments table {width:645px;margin:1px 0px 0px 1px; border:1px solid #efefef; border-top:0;}
#content #assignments table td { padding:5px;}
#content #assignments table thead tr td{ background:#efefef; color:10px;color:#999; font-weight:bold; font-size:90%;}
#content #assignments table thead tr td.project{ width:50%;}
#content #assignments table thead tr td.revoke{ width:5%;}
#content #assignments table tbody tr td.no-data { text-align:center; font-size:130%; padding:40px 0; color:#999;line-height:1.5;}
#content #assignments table tbody tr.e td { background:#F8F8F8;}
#content #assignments table thead tr td.features { width:15%; } 
#content #assignments table tbody tr td.features { text-align:right;}
#content #assignments table tbody tr td.features.label { font-size:90%; color:#333;}
#content #assignments table tbody tr td.access.label { width:12%; font-size:80%; font-weight:bold; color:#999;} 
#content #assignments table tbody tr td.access { text-align:center; border:1px solid #fff; border-right:0; border-top:0; border-left:0;}
#content #assignments table tbody tr td.access.rw { background:#e9ffdc; color:#69A56E;}
#content #assignments table tbody tr td.access.ro { background:#ffdcdc; color:#B57D7D;}
#content #assignments table tbody tr td.access.na { background:#eaeaea; color:#A1A1A1;}
#content #assignments table tbody tr td.access.rw.active { background:#c5f2aa;}
#content #assignments table tbody tr td.access.ro.active { background:#ffb1b1;}
#content #assignments table tbody tr td.access.na.active { background:#c9c9c9;}
#content #assignments table tbody tr td.project p.label { font-weight:bold; font-size:110%;margin:0;}
#content #assignments table tbody tr td.project p.remove { margin:0;  font-size:90%;margin-top:2px;}
#content #assignments table tbody tr td.project p.remove a { color:#888;padding-left:15px; background:url(/images/icons/trash.gif) no-repeat 2px 2px;}
#content #assignments table tbody tr td.project p.remove a:hover { text-decoration:underline;}
#content #assignments table tbody tr td.project, #content #assignments table tbody tr.last td{ border-bottom:1px solid #999;}

/* Profile/Settings E-Mail Addresses */

#right .email-addresses ul {margin:10px 0px;}
#right .email-addresses ul li { padding:5px; overflow:hidden;}
#right .email-addresses ul li:after { content: ""; display: block; height: 0; clear: both; }
#right .email-addresses ul li div.avatar { float:left; width:48px;margin:0;}
#right .email-addresses ul li div.avatar img { padding:2px; border:1px solid #ccc;}
#right .email-addresses ul li p {color:#000; line-height:1.3; margin-bottom:0; margin-left:48px; font-size:110%;padding-top:0px;}
#right .email-addresses ul li p.delete { margin-top:1px;font-size:90%; color:#999;}
#right .email-addresses ul li p.delete a { padding-left:14px; color:#999; background:url(/images/icons/trash.gif) no-repeat 0 1px;}
#right .email-addresses ul li p.delete a:hover { color:#433;}
#right .email-addresses div.new, #right .public-keys div.new, #right .openid div.new { background:#F7F7F7; padding:10px;}
#right .email-addresses div.new a, #right .public-keys div.new a { background:url(/images/icons/add.gif) no-repeat 0 2px; padding-left:14px; font-size:90%; color:#333;}
#right .openid a.new { background:url(/images/icons/add.gif) no-repeat 0 2px; padding-left:14px; font-size:90%; color:#333;}
#right .openid a.edit { background:url(/images/icons/edit8.png) no-repeat 0 2px; padding-left:14px; font-size:90%; color:#333;}

#right .email-addresses div.new a:hover, #right .public-keys div.new a:hover { color:#111;}
#right .email-addresses div.new form input.text {width:70%; padding:3px; font-size:110%; margin-right:5px;}
#right .email-addresses div.new form p { color:#777; margin:0; margin-bottom:4px;}

#right .public-keys ul {margin:10px 5px;}
#right .public-keys ul li { margin-bottom:15px;}
#right .public-keys ul li .key { font-family:Monaco, Courier, Arial, Verdana, sans-serif; font-size:90%; 	}
.linux #right .public-keys ul li .key { font-family:"Courier New", Courier, Arial, Verdana, sans-serif; 	}
#right .public-keys ul li .key span { background:#FFF6D4; padding:1px;}
#right .public-keys ul li .key span.clippy { background:none;}
#right .public-keys ul li .desc { font-weight:bold; margin-bottom:4px;}
#right .public-keys ul li .delete { font-size:90%;margin-top:3px;}
#right .public-keys ul li .delete a { padding-left:14px; color:#999; background:url(/images/icons/trash.gif) no-repeat 0 1px;}
#right .public-keys ul li.no-data { line-height:1.5; font-size:110%; color:#999;}
#right .public-keys ul li.no-data a { color:#999;}


#content #profile p.description {font-size:220%; line-height:1.9;}
#content #profile p.description span { background-color:#fffee1; padding:5px; font-weight:bold; background-repeat:no-repeat; background-position:7px 12px;}
#content #profile p.description span.commit { background-image:url(/images/icons/commits.png); padding-left:26px;}
#content #profile p.description span.assignedticket { background-image:url(/images/icons/assignee.png); padding-left:26px;}
#content #profile p.description span.reportedticket { background-image:url(/images/icons/reporter.png); padding-left:26px;}
#content #profile p.description span.milestone { background-image:url(/images/icons/milestones.png); padding-left:26px;}

/* No data display */

#content .no-data { font-size:150%; text-align:center; margin:40px 0;}
#content .no-data.feed { margin:100px 0;  color:#999;}

/* Projects List */
#content #projects { }
#content #projects ul {overflow:hidden;margin-bottom:20px;background:#F7F7F7; padding:5px 15px;}
#content #projects h4 { margin:0 0 14px 0;}
#content #projects ul li { width:33%; float:left;margin:10px 0 0 0;}
#content #projects ul li a {color:#333; text-decoration:none; margin-right:10px;background-repeat:no-repeat; height:50px;display:block;padding-left:40px;}
#content #projects ul li a span.name { font-size:115%; font-weight:bold;}
#content #projects ul li a span.text {display:block;color:#999; font-size:90%;margin-top:2px;}
#content #projects ul li a:hover span.name { text-decoration:underline;}
#content #projects ul li a.on_hold span.name { background:url(/images/icons/on_hold.gif) no-repeat 100%; padding-right:15px;}
#content #projects ul li a.archived span.name { color:#999;}
#content #projects ul li a.archived span.text { color:#ccc;}
#content #projects ul li a.icon1 { background-image:url(/images/icons/project_icons/icon1.png);}
#content #projects ul li a.icon2 { background-image:url(/images/icons/project_icons/icon2.png);}
#content #projects ul li a.icon3 { background-image:url(/images/icons/project_icons/icon3.png);}
#content #projects ul li a.icon4 { background-image:url(/images/icons/project_icons/icon4.png);}
#content #projects ul li a.icon5 { background-image:url(/images/icons/project_icons/icon5.png);}
#content #projects ul li a.icon6 { background-image:url(/images/icons/project_icons/icon6.png);}
#content #projects ul li a.icon7 { background-image:url(/images/icons/project_icons/icon7.png);}
#content #projects ul li a.icon8 { background-image:url(/images/icons/project_icons/icon8.png);}
#content #projects ul li a.icon9 { background-image:url(/images/icons/project_icons/icon9.png);}
#content #projects ul li a.icon1.archived { background-image:url(/images/icons/project_icons/icon1_disabled.png);}
#content #projects ul li a.icon2.archived { background-image:url(/images/icons/project_icons/icon2_disabled.png);}
#content #projects ul li a.icon3.archived { background-image:url(/images/icons/project_icons/icon3_disabled.png);}
#content #projects ul li a.icon4.archived { background-image:url(/images/icons/project_icons/icon4_disabled.png);}
#content #projects ul li a.icon5.archived { background-image:url(/images/icons/project_icons/icon5_disabled.png);}
#content #projects ul li a.icon6.archived { background-image:url(/images/icons/project_icons/icon6_disabled.png);}
#content #projects ul li a.icon7.archived { background-image:url(/images/icons/project_icons/icon7_disabled.png);}
#content #projects ul li a.icon8.archived { background-image:url(/images/icons/project_icons/icon8_disabled.png);}
#content #projects ul li a.icon9.archived { background-image:url(/images/icons/project_icons/icon9_disabled.png);}


/* Project short list*/

#right ul.project-list { margin:0px; font-size:110%; border-top:1px dotted #ccc}
#right ul.project-list li a { border-bottom:1px dotted #ccc; padding:7px;padding-left:24px; display:block; background-repeat:no-repeat; background-position:4px 6px;color:#333;text-decoration:none;}
#right ul.project-list li a.e { background-color:#F7F7F7;}
#right ul.project-list li a span { display:block; font-size:80%; color:#999; margin-top:2px;}
#right ul.project-list li a:hover { background-color:#F7F7F7;}
#right ul.project-list li a.icon1 { background-image:url(/images/icons/project_icons/icon1_small.png);}
#right ul.project-list li a.icon2 { background-image:url(/images/icons/project_icons/icon2_small.png);}
#right ul.project-list li a.icon3 { background-image:url(/images/icons/project_icons/icon3_small.png);}
#right ul.project-list li a.icon4 { background-image:url(/images/icons/project_icons/icon4_small.png);}
#right ul.project-list li a.icon5 { background-image:url(/images/icons/project_icons/icon5_small.png);}
#right ul.project-list li a.icon6 { background-image:url(/images/icons/project_icons/icon6_small.png);}
#right ul.project-list li a.icon7 { background-image:url(/images/icons/project_icons/icon7_small.png);}
#right ul.project-list li a.icon8 { background-image:url(/images/icons/project_icons/icon8_small.png);}
#right ul.project-list li a.icon9 { background-image:url(/images/icons/project_icons/icon9_small.png);}


/* Icon Selector */

#content .icon-select {background:#F7F7F7;padding:10px;overflow:hidden;}
#content .icon-select li { float:left;margin-right:7px;}
#content .icon-select li label {display:block; height:30px;	 background-repeat:no-repeat;width:50px; background-position:80% 5px; padding:15px 5px 0 5px;}

/* Facebox Default Styles */

#facebox #property-editor li.no-data { text-align:center; margin:10px 0; color:#999; font-size:110%;}
#facebox #property-editor form {padding:10px;margin-top:10px; border-top:7px solid #efefef;}
#facebox #property-editor form a { color:#333;}
#facebox #property-editor form dt {float:left; width:100px;text-align:right;margin-top:5px;}
#facebox #property-editor form dd {margin:0;margin-left:110px; padding:0px; background:none;margin-bottom:10px;}
#facebox #property-editor form dd input.text { width:200px;}
#facebox #property-editor form dd.submit { margin-top:8px;}
#facebox #property-editor table.data {width:100%;margin:10px 0 0 0;}
#facebox #property-editor table.data thead td { background:#f2f2f2; color:#999; font-weight:bold; text-transform:uppercase;font-size:90%;}
#facebox #property-editor table.data td { padding:4px;}
#facebox #property-editor table.data tbody td { border-bottom:1px solid #efefef;}
#facebox #property-editor table.data td.options { width:20%; text-align:center; background:#F8F8F8; }
#facebox #property-editor table.data tbody tr:hover td { background:#fffee1;}
#facebox #property-editor form dd input.colour { width:40%;}
#facebox #property-editor form dd.select { padding-top:5px;}

/* Archived Project Bar */

#archived-project { background:#333;padding:10px 7%; color:#fff; text-align:center; font-weight:bold; font-size:110%; border-bottom:1px solid #444;} 

/* User list - used whenever we list users */

#right ul.user-mini-list { margin:5px 0;}
#right ul.user-mini-list li { border-bottom:1px dotted #ccc;clear:left; overflow:auto;padding:3px 0;}
#right ul.user-mini-list li img { float:left;margin-top:4px;margin-left:7px;}
#right ul.user-mini-list li p { margin-left:50px;color:#999; font-size:90%;}
#right ul.user-mini-list li p a { display:block; font-weight:bold; font-size:120%; }
#right ul.user-mini-list dt { width: 35px; height: 35px; float:left;}
#right ul.user-mini-list dd { margin-left: 45px; height: 35px; font-size: 90%; color:#888; padding-top:3px;}
#right ul.user-mini-list dd a { display:block; font-size:110%; color:#333; font-weight:bold;padding-bottom:3px;}

#right p.edit-assignments { text-align:right; font-size:90%;}
#right p.edit-assignments a {background:url(/images/icons/edit8.png) no-repeat 0 1px;padding-left:14px;}
/* RSS */

#right p a.rss { background-image:url(/images/icons/rss.png);background-repeat:no-repeat; padding-left:20px;}

/* Global Tags */

span.priority-tag { padding:3px; font-size:90%; font-weight:bold; text-transform:uppercase;-webkit-border-radius:3px; -moz-border-radius:3px;}
span.status-tag { padding:3px; font-size:90%; font-weight:bold; text-transform:uppercase; -webkit-border-radius:3px; -moz-border-radius:3px;}

/* Project Overview */

#content .project-overview .overview {background:#efefef; padding:5px 10px;color:#666;margin:0;}
#content .project-overview .stats dl { float:left; width:33%;}
#content .project-overview .stats dl dt { font-size:110%; color:#999; text-transform:uppercase;}
#content .project-overview .stats dl dd { font-size:150%; font-weight:bold;margin-top:3px; background-repeat:no-repeat; background-position:0 0; padding-left:24px;margin-top:7px;}
#content .project-overview .stats dl dd span.type { width:30%;display:block;float:left; font-size:70%; font-weight:normal; color:#777;}
#content .project-overview .stats dl dd span.number { margin-left:35%;display:block; font-size:90%; }


#content .project-overview .stats dl dd.open { background-image:url(/images/icons/tickets.png);}
#content .project-overview .stats dl dd.closed { background-image:url(/images/icons/closed_tickets.png);}
#content .project-overview .stats dl dd.total { background-image:url(/images/icons/all_tickets.png);}
#content .project-overview .stats { overflow:auto; background:#efefef;padding:10px; border-top:1px solid #ccc;}

#facebox ul.tabs { border-bottom:1px solid #ccc; overflow:hidden;}
#facebox ul.tabs li { float:left;}
#facebox ul.tabs li a { float:left;color:#555; padding:5px 6px; border:1px solid #ccc; border-bottom:0;background:#efefef;display:block; margin-left:5px;margin-right:10px;text-decoration:none;}
#facebox ul.tabs li a:hover { text-decoration:underline;}
#facebox ul.tabs li a.active { background:#fff; font-weight:bold; margin-bottom:-1px;}
#facebox p.info { line-height:1.3;}
#facebox p.info span.highlight { background:#fffee1;}

#facebox form.repositories {padding:10px 0px;}
#facebox form.repositories dl dt { padding-left:10px;}

/* project selector */

#header .preamble p span { font-size:90%; margin-left:5px; color:#4381b4;}
#header .preamble p span a {font-weight:normal; color:#4381b4;margin-left:5px;}

/* project deletion */
#facebox #confirm_delete div.centre { text-align:center;}

/* welcome message */
#content .welcome { margin:20px 0 40px 0;}
#content .welcome h2 { font-size:300%; color:#111; font-weight:bold;}
#content .welcome p.msg { font-size:140%; text-align:justify;margin:20px 0;}
#content .welcome .help-message { font-size:120%; }

/* example data */
#facebox textarea.example-data { width:100%; font-family:Courier, monospace; font-size:90%; white-space:nowrap;}
.linux #facebox textarea.example-data { font-family:"Courier New",Courier, monospace; }

/* dashboard status update */


#content #statuses { overflow:hidden; display:none;margin-bottom:10px;}
#content #statuses form { background:#efefef; padding:10px;font-size:130%; overflow:hidden;}
#content #statuses form h4 { margin:0; color:#999; font-size:70%;margin-bottom:3px;font-weight:normal;}
#content #statuses form p.input { margin:0; line-height:1; border:1px solid #cccccc; overflow:hidden; background:#ffffff; float:left;}
#content #statuses form p.input span { background:url(/images/icons/bulb.png) #fff no-repeat 5px 5px; float:left; color:#111; padding:5px; padding-left:25px; padding-right:0px; margin:0px;}
#content #statuses form p.input input.text { background:#fff; border:0;width:380px; color:#111; float:left; padding:5px 5px 5px 3px; margin:0px; }
.firefox2 #content #statuses form p.input input.text { padding:4px 5px 0px 3px;}
.firefox3 #content #statuses form p.input input.text { padding:3px 5px 0px 3px;}
.msie7 #content #statuses form p.input input.text { padding:4px 5px 0px 3px;}
#content #statuses form p.submit { float:left; margin-top:4px; margin-left:10px;}
.firefox2 #content #statuses form p.submit { margin-top:1px; }
.firefox3 #content #statuses form p.submit { margin-top:0px; }
.msie7 #content #statuses form p.submit { margin-top:0px; }
/* large message */
#content #large-message { background:#fff; text-align:center; border:10px solid #ccc; padding:20px; margin:40px 0;  }
#content #large-message h4 { font-size:170%; line-height:1.3; margin:0px 0;}
#content #large-message p { font-size:120%;}
#content #large-message .spinner { margin-bottom:30px;}


/* error messages */
#content .errorExplanation { background:#ffe8e7; border:1px solid #FF726E; margin:10px 0;}
#content .errorExplanation h2 {background:#FF726E; color:#fff; padding:8px 10px; font-weight:bold; font-size:120%;}
#content .errorExplanation p { display:none;}
#content .errorExplanation ul { margin:10px;padding-left:20px; line-height:1.5; font-size:120%;}
#content .errorExplanation ul li { list-style:square; padding-left:0px;}

/* ticket dialog */

#facebox .ticket p {font-size:120%; line-height:1.3;}
#facebox .ticket p.bold { font-weight:bold;}
#facebox .ticket a {color:#333;}

/* inline ticket links */

#content span.ticket-link { font-weight:bold;  background:url(/images/icons/speech-bubble.png) no-repeat; padding-left:13px;margin-left:3px;}
#content span.ticket-link.closed  { background-image:url(/images/icons/speech-bubble-dim.png);}
#content span.ticket-link a { text-decoration:none; padding:1px 2px;}

/* facebox field */
#facebox p input.greyfull { background:#efefef; width:98%; padding:5px; font-size:130%; color:#222;border:none;}

/* data table */
#content table.data { width:645px; margin:10px 0 10px 1px; border-bottom:5px solid #ccc; clear:both; }
#content table.data thead tr td {border:1px solid #0263a3; background:#0263a3; color:#fff; font-weight:bold; padding:7px; font-size:90%;}
#content table.data tbody tr td { padding:7px;;}
#content table.data tbody tr td.link { background:#efefef; text-align:center; font-weight:bold;}
#content table.data tbody tr td.link a { color:#333;}
#content table.data tbody tr td.type { width:1%; text-align:center;}
#content table.data tbody tr.e td { background:#efefef;}
#content table.data tbody tr td.name a{ font-size:110%; color:#333; font-weight:bold; text-decoration:none;}
#content table.data tbody tr td.name a:hover { text-decoration:underline;}
#content table.data tbody tr td.commit a { color:#333; font-family:Courier, fixed; font-weight:bold;}
.linux #content table.data tbody tr td.commit a { font-family:"Courier New", Courier, fixed;}
#content table.data tbody tr.no-data td { padding:40px 0; font-size:90%; color:#999; background:#F7F7F7;}
#content table.data tbody tr td {border:1px solid #ccc; border-top:0; border-bottom:0;}
#content table.data tbody tr td.options { width:10%; text-align:center; }
#content table.data tbody tr td.options img { margin:0 2px;}

/*  simpleform */
#content dl.simpleform {}
#content dl.simpleform dt { float:left; width:140px;text-align:right;font-weight:bold;padding-top:5px;}
#content dl.simpleform dd { margin-left:160px;margin-bottom:10px;}
#content dl.simpleform dd select { margin-top:5px;}
#content dl.simpleform dd input.text { padding:5px; border:1px solid #999;}
#content dl.simpleform dd input.text.number { width:60%;}
#content dl.simpleform dd input.text.expiry { width:20%;}
#content dl.simpleform dd input.text.short { width:20%;}
#content dl.simpleform dd input.text.cvv2 { width:10%;}
#content dl.simpleform dd span.fieldWithErrors input.text {display:inline; border:1px solid red;}
#content dl.simpleform dd span.fieldWithErrors select { border:1px solid red;}
#content dl.simpleform dd span.fieldWithErrors span.text { display:none;}
#content dl.simpleform dd span.desc { display:block; font-size:90%; color:#999; margin-top:4px;}
#content dl.simpleform dd a { color:#333; margin-left:5px;}

/* invoice */

#content #invoice .atech-logo {  margin-bottom:20px; overflow:hidden;}
#content #invoice .atech-logo img { float:right;}

#content #invoice p.notpaid { background:red; color:#fff; text-align:center; font-weight:bold; padding:5px; margin-top:0px; margin-bottom:20px;}
#content #invoice p.paid { background:#000; color:#fff; text-align:center; font-weight:bold; padding:5px; margin-top:0px; margin-bottom:20px;}

#content #invoice .billing { float:left;}
#content #invoice .billing p { margin:0; margin-left:0px; margin-bottom:2px;}
#content #invoice .billing p.title { font-size:200%; margin:0px; margin-bottom:10px; line-height:100%; letter-spacing:1px; font-weight:bold;;}

#content #invoice .meta { float:left; margin-left:290px;}
#content #invoice .meta dl dt { font-weight:bold; margin-bottom:2px; }
#content #invoice .meta dl dd { margin-bottom:10px;}

#content #invoice .atech-address { float:right; margin-left:20px;  }
#content #invoice .atech-address p { margin:0; margin-bottom:2px;}

#content #invoice .contents { clear:both; margin:10px 0; overflow:hidden;}
#content #invoice .contents table { width:99.9%; margin-top:30px; margin-bottom:30px;}
#content #invoice .contents table tr td { border-top:1px solid #ccc; padding:5px; vertical-align:top;}
#content #invoice .contents table tr td.amt { text-align:right;}
#content #invoice .contents table tr td.t { font-weight:bold; text-align:right; width:80px;}
#content #invoice .contents table tr td.t2 { text-align:right;}
#content #invoice .contents table tr td.d { line-height:150%;}
#content #invoice .contents table tr td.d span { display:block; font-size:90%; color:#999;}
#content #invoice .contents table thead tr td { font-weight:bold; border:0px; border-bottom:2px solid #000000; }
#content #invoice .contents table tfoot { }
#content #invoice .contents table tfoot td {  border:0px;}
#content #invoice .contents table tfoot tr.top td { border-top:2px solid #000000;}
#content #invoice .contents table tfoot tr.top td.no-border { border-top:0px;}
#content #invoice fieldset.payment { border:5px solid #ccc; padding:5px 14px;;}
#content #invoice fieldset.payment legend { font-weight:bold; margin-left:-4px;padding:0 4px; font-size:120%;}
#content #invoice fieldset.payment form dl { background:#efefef; padding:10px 0;}
#content #invoice fieldset.payment form dl dt { width:150px; float:left; text-align:right; font-weight:bold; padding-top:5px;}
#content #invoice fieldset.payment form dl dd { margin-left:160px; margin-bottom:5px;}
#content #invoice fieldset.payment form dl dd input.text { padding:4px; font-weight:bold; border:1px solid #999;}
#content #invoice fieldset.payment form dl dd input.text.short { width:30px;}
#content #invoice fieldset.payment form dl dd a { color:#333; margin-left:10px;}
#content #invoice fieldset.payment form .fieldWithErrors span.text { display:none;}
#content #invoice fieldset.payment form .fieldWithErrors input.text { border:1px solid red;}

/* card details */
#right dl.card {margin:10px 0; background:#efefef; padding:10px 0;}
#right dl.card dt { width:100px; float:left; font-weight:bold; text-align:right;}
#right dl.card dd { margin-left:110px; margin-bottom:5px;}
#right dl.card dd.last { margin-bottom:5px;}
#right dl.card dd a { color:#333; font-size:90%;}

#right ul.grey-list { background:#efefef; padding:10px;font-size:90%; line-height:1.5;}
#right ul.grey-list li a { color:#333; }
#right ul.grey-list li { list-style:square; margin-left:15px;}


#upgrade { text-align:center; }
#upgrade h3 { font-size:200%; background:#FFF8C4; padding:10px;}
#upgrade h3 span { color:#111; font-style:italic;padding:4px; font-size:110%; font-weight:bold;}
#upgrade h4 { font-size:120%; line-height:1.5;}
#upgrade p img { border:3px solid #ccc;}
#upgrade p.today { margin-top:20px;}
#upgrade p.today a  {color:#FF3F00; display:block;font-size:200%; font-weight:bold; text-decoration:none; padding:10px; background:#efefef;}
#upgrade p.today a:hover { background:#efefef; text-decoration:none; text-decoration:underline;}

#right #free { width:255px; height:138px; display:block; background:url(/images/upgrade/upgrade_button.png) #fff no-repeat 0 0;margin-bottom:10px;}
#right #free p.buttons { padding-top:100px; padding-left:11px;}
#right #free p.buttons a.upgrade {float:left; display:block; width:111px; height:25px; background:url(/images/upgrade/upgrade_now.png) no-repeat;text-indent:-99999px;margin-right:5px;}
#right #free p.buttons a.read {float:left; display:block; width:95px; height:25px; background:url(/images/upgrade/read.png) no-repeat;text-indent:-99999px;}
#right #free p.contact { padding-top:90px; padding-left:11px; color:#bde9ff; font-size:95%; line-height:1.5; font-weight:bold;padding-right:5px;}

#facebox #rss-feed p{ font-size:110%; line-height:1.5;}
#facebox #rss-feed p b { color:#EA4B00;}
#facebox #rss-feed h3 { background:url(/images/icons/rss.png) no-repeat;  font-size:120%; font-weight:bold; padding-left:19px;}

#right dl.quickstats {margin:10px 0;}
#right dl.quickstats dt {font-size:90%; color:#999; width:35%; text-align:right; float:left; padding-top:2px;text-transform:lowercase;}
#right dl.quickstats dd {margin-left:40%; margin-bottom:5px; font-size:130%; font-weight:bold;}
#right dl.quickstats dt a { color:#999;}
#right dl.quickstats dd a { color:#333; font-size:80%;}

#right .feeling { background:#fffddd; padding:10px; border:2px solid #f5ef90; font-size:90%; overflow:auto; margin:10px 0;}
#right .feeling p { margin:0; }
#right .feeling p span { font-size:90%;}
#right .feeling ul { margin:5px 0; t}
.feeling ul li a { display:block; width:25px; height:25px; background-image:url(/images/feelings.png); background-repeat:no-repeat; text-indent:-999999px; margin-right:10px;}
.feeling ul li.happy a {background-position:0px 0px;}
.feeling ul li.neutral a {background-position:-51px 0px;}
.feeling ul li.unhappy a {background-position:-25px 0px;}
.feeling ul li.happy a:hover, .feeling ul li.happy.active a {background-position:0px -27px;}
.feeling ul li.neutral a:hover, .feeling ul li.neutral.active a {background-position:-51px -27px;}
.feeling ul li.unhappy a:hover, .feeling ul li.unhappy.active a {background-position:-25px -27px;}
.feeling ul li { float:left;}

#facebox #code-task-summary {}
#facebox #code-task-summary table {width:100%;}
#facebox #code-task-summary table td {padding:5px 10px;text-align:center; border:1px solid #ccc;}
#facebox #code-task-summary table thead td { background:#efefef; color:#777; font-weight:bold; font-size:90%; }
#facebox #code-task-summary table tbody td { width:15%;font-size:130%; font-weight:bold; padding:10px;}
#facebox #code-task-summary table thead td.label, #facebox #code-task-summary table tbody td.label { text-align:left; }
#facebox #code-task-summary table tbody td.label {width:40%; font-size:100%; font-weight:normal; }
#facebox #code-task-summary table tbody td a { color:#333;}

#right p.logo { text-align:center; margin-bottom:20px;}

#facebox #upload-logo {}
#facebox #upload-logo p {line-height:1.5;}
#facebox #upload-logo form { background:#f7f7f7; padding:5px 10px;margin:10px 0;}
#facebox #upload-logo h3 { font-size:130%; font-weight:bold; margin:10px 0;}
#facebox #upload-logo p.img { background:#efefef; text-align:center; padding:10px 0; }
#facebox #upload-logo p.img img { border:4px solid #ccc; padding:10px;background:#fff;}

/* repository type selection */
#facebox .repository-selection {overflow:hidden;}
#facebox .repository-selection .repo {width:31%;float:left; padding-right:1%; padding-left:1%; border-right:2px solid #ccc;}
#facebox .repository-selection .svn { border-right:0;}
#facebox .repository-selection .repo h3 { background:#777; color:#fff; padding:5px; font-size:120%; font-weight:bold;}
#facebox .repository-selection .repo h3 span { font-size:70%; color:yellow; font-weight:bold; float:right; text-transform:uppercase; padding-top:2px;}
#facebox .repository-selection .repo h3 span.soon { color:#FFF;}
#facebox .repository-selection .repo p { text-align:center; font-size:90%; line-height:1.5;margin:15px 2%;}
#facebox .repository-selection .repo p a { color:#333;}
#facebox .repository-selection .repo .button-wrap { text-align:center;}
#facebox .repository-selection .disabled h3 { color:#999; background:#ccc;}
#facebox .repository-selection .disabled p { color:#ccc;}
#facebox .repository-selection .disabled p a { color:#ccc;}

#facebox .repository-selection h4 { font-size:160%; text-align:center; border:0; margin:15px 0; font-weight:bold;}

/* 500 error */
#error {line-height:1.5;}
#error p { font-size:120%;}
#error .video { text-align:center; background:#efefef; padding:15px; margin:20px 0;}
#error ul { font-size:120%; margin: 0 20px;}
#error ul li { list-style:square;}
#error ul li a { color:#333;}

/* beta dialog */
#facebox #beta-features h3 { margin:10px 0; font-size:120%; font-weight:bold;}
#facebox #beta-features ul { list-style:disc; }
#facebox #beta-features ul li {  background:#efefef; padding:10px; margin-bottom:10px;}
#facebox #beta-features {line-height:1.5;}

/* comments */

#content #comments { overflow:hidden; margin:0px 0;}
#content #comments h3 { font-size:140%; margin:10px 0 10px 0; padding-top:10px;border-top:6px solid #efefef;}
#content #comments h4 { font-size:120%; margin:20px 0 10px 0;}
#content #comments .comments { }
#content #comments .comments ul li { border-bottom:1px solid #ccc; }
#content #comments .comments ul li p.meta { font-size:90%; color:#999; background:#efefef; margin-bottom:0; padding:7px;}
#content #comments .comments ul li p.meta span.c { font-size:110%; color:#333; font-weight:bold; margin-right:5px;}
#content #comments .comments ul li p.meta img { float:left; margin-right:5px; border:1px solid #ccc; padding:2px; margin-top:-2px;}
#content #comments .new {}
#content #comments .new textarea { height:110px; width:500px; padding:5px;}
#content #comments .new p { margin:0; margin-top:10px;}

#content #comments .new fieldset { margin:20px 0; border:2px solid #efefef; padding:5px 10px 10px 14px;}
#content #comments .new fieldset div.form { float:left; width:510px;}
#content #comments .new fieldset div.form p.submit { width:510px; padding:0;}
#content #comments .new fieldset div.form p.submit span { float:right; display:block; font-size:90%;} 
#content #comments .new fieldset div.form p.submit span a { color:#999;}
#content #comments .new fieldset div.info { margin-left:540px;}
#content #comments .new fieldset div.info dl { margin:30px 0;line-height:1.5;}
#content #comments .new fieldset div.info dl dt { width:15px; float:left; padding-top:3px; text-align:right;}
#content #comments .new fieldset div.info dl dd { margin-left:20px; margin-bottom:10px;}
#content #comments .new fieldset legend { font-size:120%;font-weight:bold; padding:0 4px; color:#333;}

#content ul.bulletted-list { margin-left:25px; line-height:1.5;}
#content ul.bulletted-list li { list-style:disc; }

/* pagination */

#content .pagination { text-align:right; font-size:90%; margin:13px 0;}
#content .pagination a, #content .pagination span { color:#333; padding:2px 6px; border:1px solid #ccc; text-decoration:none; text-transform:lowercase; background-image:url(/images/backgrounds/pagination.gif); background-repeat:repeat-x; background-position:bottom left;}
#content .pagination span.current { background:#333; color:#fff; font-weight:bold; border-color:#333;}
#content .pagination span.disabled { background:#efefef; color:#ccc; }
#content .pagination a:hover{ background:#ccc;}

/* notifications */

#content #notifications div.types h4 {margin:0 0 10px 0;  font-size:120%; font-weight:normal; line-height:1.5;}
#content #notifications div.types ul {}
#content #notifications div.types ul li {border:3px solid #efefef; margin-bottom:15px; padding:10px; background-position:15px 10px; background-repeat:no-repeat; -webkit-border-radius:7px; -moz-border-radius:7px;}
#content #notifications div.types ul li.last { margin-bottom:0;}
#content #notifications div.types ul li .c h3, #content #notifications .types ul li p { margin:0; padding:0; font-size:100%;}
#content #notifications div.types ul li .c h3 { font-size:130%;}
#content #notifications div.types ul li .c h3 span.new { background:#77B939; padding:1px 3px; color:#fff; font-weight:bold; margin:0; margin-left:3px; -webkit-border-radius:4px; -moz-border-radius:4px; vertical-align:top; }
#content #notifications div.types ul li .c p.s { margin:5px 0; }
#content #notifications div.types ul li .c p.s a { width:120px; text-align:center; display:block; border:1px solid #ccc; background:#efefef; font-weight:bold; padding:2px; text-decoration:none; }
#content #notifications div.types ul li .c p.s a:hover { background:#DDD;}
#content #notifications div.types ul li .c p.s a:active { background:#333; color:#666;}
#content #notifications div.types ul li .c p.i { font-size:90%; line-height:1.5; color:#888; margin:2px 0 0 0;}
#content #notifications div.types ul li .img { width:100px; float:left; text-align:right;}
#content #notifications div.types ul li .c { margin-left:110px;}

#content #notifications table.types { width:100%; margin:10px 0;}
#content #notifications table.types td { border:1px solid #ccc; padding:5px;}
#content #notifications table.types th { background:#f7f7f7; border:1px solid #E2E2E2; padding:5px; color:#aaa; font-size:90%;}
#content #notifications table.types .action { width:35%;}
#content #notifications table.types .method { width:5%;  text-align:right; border-right:0;}
#content #notifications table.types .methodtext { width:10%; border-left:0;}
#content #notifications table.types .dest {width:38%;}
#content #notifications table.types .opts { width:22%;text-align:center; background:#f7f7f7;}
#content #notifications table.types ul li { list-style:square;margin-left:20px; line-height:1.5}

/* system notifications */

#content #system-notice {background:url(../images/icons/announcement.png) #fffee6 no-repeat 10px 10px; border:1px solid #efedc7; margin-bottom:10px; padding:10px; padding-left:35px;}
#content #system-notice h3, #content #system-notice p { margin:0; font-size:12px; }
#content #system-notice h3 { margin-bottom:5px;}
#content #system-notice h3 a { color:#ee4900; font-size:110%;  text-decoration:none;}
#content #system-notice h3 a:hover { text-decoration:underline;}
#content #system-notice p {line-height:1.4;}
#content #system-notice p.cancel { float:right; font-size:80%; font-style:italic; }
#content #system-notice p.cancel a:hover { background:none; text-decoration:underline;}

/* wiki */

#right .wiki h4 {margin:5px;border-bottom:2px solid #ccc; margin-bottom:5px; padding-bottom:3px; font-size:120%; font-weight:bold;}
#right .wiki dl {margin:5px;line-height:1.5;}
#right .wiki dl dt { font-weight:bold;}
#right .wiki dl dd { background:#efefef; padding:4px; color:#999; font-size:80%;margin-bottom:4px;}
#right .wiki dl dd span { font-family:Courier, monospace; font-weight:bold; font-size:110%; color:#4E92C5;}
#right .wiki dl dd a { color:#333; font-size:120%;}
#right .wiki  ul  { background:#efefef;padding:5px; padding-left:30px;line-height:1.5;}
#right .wiki  ul li { list-style:disc; }
#right .wiki  ul li a { color:#333;}

#content .wiki p.new { font-size:110%;}
#content .wiki p.new span {background:#fffee1; padding:1px;font-weight:bold; }
#content .wiki form textarea { width:634px; padding:5px; height:500px; border:1px solid #999; border-bottom:0;}
#content .wiki form textarea.focused { background:none;}
#content .wiki p.textarea { margin-bottom:0;}
#content .wiki p.markup { background:#efefef;margin-top:0; overflow:hidden; padding:10px; border:1px solid #999; border-top:1px solid #ccc;}
#content .wiki p.markup span.r { float:right;}
#content .wiki p.markup span.what { font-size:90%;}
#content .wiki p.markup span.what a:hover { text-decoration:underline;}

/* time tracking */

#right .time-summary { }
#right .time-summary ul li a { display:block; background:#f4f4f4; border-bottom:1px dotted #ccc; padding:10px; color:#ccc; text-decoration:none; text-transform:uppercase; font-size:80%;}
#right .time-summary ul li a b { color:#B1B1B1;}
#right .time-summary ul li a:hover { background:#efefef;}
#right .time-summary ul li a span { font-size:160%; display:block;text-transform:none; color:#000; font-weight:bold; margin-top:5px;padding-left:23px; background-repeat:no-repeat; background-position:0;}
#right .time-summary ul li.day a span { background-image:url(/images/icons/time-day.png);}
#right .time-summary ul li.week a span { background-image:url(/images/icons/time-week.png);}
#right .time-summary ul li.month a span { background-image:url(/images/icons/time-month.png);}
#right .time-summary ul li.month a { border-bottom:0;}
#right .time-summary ul li.active a { background:#333; color:#999;}
#right .time-summary ul li.active a b { color:#fff;}
#right .time-summary ul li.active a span { color:#fff;}
#right .time-summary ul li.all a { border-top:1px dotted #ccc; border-bottom:0; color:#333;}

#content #time-sessions {min-height:170px}
#content #time-sessions ul li.i { border:1px solid #ccc; margin:10px 0;}
#content #time-sessions ul li.i .content { margin:0 15px;}
#content #time-sessions ul li.i .meta { height:16px; background:url(/images/icons/time.png) #efefef no-repeat 5px 5px; border-bottom:1px solid #ccc; padding:5px 10px; font-size:90%;  color:#999;}
#content #time-sessions ul li.i .meta span.timeclock { -webkit-border-radius:3px;-moz-border-radius:3px; background:#333; display:block; float:left; font-weight:bold; color:#fff; padding:1px 3px; margin-right:5px; letter-spacing:1px; font-size:110%; margin-left:17px;}
#content #time-sessions ul li.i .meta span.date { float:left;  display:block; padding-top:1px;}
#content #time-sessions ul li.i .meta a { color:#333;}
#content #time-sessions ul li.i .meta .rm { float:right; padding-top:3px;}
#content #time-sessions ul li.i .content .commit { background:url(/images/icons/compass.png) no-repeat ; padding-left:23px;}
#content #time-sessions ul li.i .content .commit code { background:#FFFBC6; padding:1px;}
#content #time-sessions ul li.i .content .commit code a { text-decoration:none;}
#content #time-sessions ul li.i .content .commit code a:hover { background:none; text-decoration:underline;}
#content #time-sessions ul li.i .content .commit p.msg { font-family:Monaco, "Courier New", Courier, monospace; font-size:90%; background:#f7f7f7; padding:10px; border-left:5px solid #efefef;}
#content #time-sessions ul li.i .content .ticket { background:url(/images/icons/tickets.png) no-repeat ; padding-left:23px;}
#content #time-sessions ul li.i .content .ticket a { background:#FFFBC6; padding:1px; text-decoration:none;}
#content #time-sessions ul li.i .content .ticket a:hover { background:#FFFBC6; text-decoration:underline;}
#content #time-sessions ul li.nodata { font-size:130%; color:#999;}
#content #time-sessions ul li.nodata p { font-weight:bold;}
#content #time-sessions ul li.nodata ul { margin-left:40px; line-height:1.5;}
#content #time-sessions ul li.nodata ul li { list-style:disc;}
#content #time-sessions ul li.nodata ul li code { background:#efefef; padding:2px; border:1px solid #ccc; color:#777;}
#content #time-analysis form { background:#efefef; padding:10px; padding-bottom:5px; border:1px solid #ccc; border-left:0; border-right:0;}
#content #time-analysis form dl dt { margin:5px 0; font-weight:bold; }
#content #time-analysis form dl dt.range {margin-top:15px;}
#content #time-analysis form dl dd { margin:5px 0;}
#content #time-analysis form dl dd ul { margin:10px 0; overflow:auto;}
#content #time-analysis form dl dd ul li { float:left; width:33%; margin-bottom:4px;}
#content #time-analysis form p.submit { text-align:right;}

#facebox .time-session textarea {width:453px;}
#facebox .time-session input.minutes {width:20%;}
#facebox .time-session p.md {margin:0; text-align:right; color:#999; margin-top:5px;font-size:90%;}
#facebox .time-session p.md a { color:#999; }

#content table.time-tracking-list {width:645px; margin:10px 0 10px 1px; border:1px solid #ccc;}
#content table.time-tracking-list thead tr td { background:#efefef; padding:5px; border-bottom:1px solid #ccc;  color:#999; font-weight:bold; font-size:90%; text-transform:lowercase;}
#content table.time-tracking-list thead tr td.message { border-right:1px solid #ccc;}
#content table.time-tracking-list thead tr td.author { }
#content table.time-tracking-list tbody tr.e td { background:#F6F6F6;}
#content table.time-tracking-list tbody tr:hover td { background:#def3ff;}
#content table.time-tracking-list tbody tr td {padding:5px; border-bottom:1px solid #ccc;border:1px solid #ccc;}
#content table.time-tracking-list tbody tr td.date { width:15%;}
#content table.time-tracking-list tbody tr td a { color:#333; text-decoration:none;}
#content table.time-tracking-list tbody tr td a:hover { text-decoration:underline;}
#content table.time-tracking-list tbody tr.no-data td { text-align:center; padding:30px 0; color:#999; font-size:80%;}
#content table.time-tracking-list tbody tr.no-data:hover td { background:none;}
#content table.time-tracking-list tbody tr td.summary a.commit { background:url(/images/icons/commits.png) no-repeat 0 -1px; padding-left:20px;}
#content table.time-tracking-list tbody tr td.summary a.ticket { background:url(/images/icons/tickets.png) no-repeat 0 -1px; padding-left:20px;}
#content table.time-tracking-list tbody tr td.summary a.delete { float:right;}
#content table.time-tracking-list tbody tr.top td { background:#333; border-color:#333; color:#fff;}
#content table.time-tracking-list tbody tr.top td.time { font-weight:bold; font-size:110%;}
#content table.time-tracking-list tbody tr.top td.label { text-align:right; color:#777; font-size:80%;}
#content table.time-tracking-list tbody tr.top td.freeze { text-align:right;}
#content table.time-tracking-list tbody tr.top td.freeze  a{ color:#fff; font-size:90%; color:#ECF55F; }
#content table.time-tracking-list tbody tr.breaker td { background:#d94700 ; border-color:#d94700; color:#fff;}
#content table.time-tracking-list tbody tr.breaker td.time { font-weight:bold; font-size:110%;}
#content table.time-tracking-list tbody tr.breaker td.label { text-align:right; color:#ffc1a3; font-size:80%;}
#content table.time-tracking-list tbody tr.breaker td.freeze { text-align:right;}

#content table.wikipages td.title { width:55%;}
#content table.wikipages td.title a { color:#000;}

#right .login {}
#right .login dl { margin:0 5px;}
#right .login dl dt { font-size:90%; font-weight:bold; margin:6px 0;}
#right .login dl dd input { background-repeat:no-repeat; background-position:4px 3px; padding-left:24px;}
#right .login dl dd input.username { width:85%;}
#right .login dl dd input.password { width:50%; background-image:url(../images/icons/key.png);}
#right .login dl dd input.focused { background-color:#fff;}
#right .login dl dd input.username { background-image:url(../images/icons/user2.png);}

#right .login dl dd a { color:#555; font-size:90%; margin-left:5px;}
#right .login dl dd.remember { margin-top:10px; font-size:90%;}
#right .login p.submit { margin:5px; margin-top:10px;}

#content ul.detailed-project-list {background:none;  margin-top:25px;} 
#content ul.detailed-project-list li.project { display:block; float:none; padding:8px; border:2px solid #efefef; overflow:hidden; margin-bottom:20px;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
#content ul.detailed-project-list li.project h5 { font-weight:bold; font-size:140%; margin-top:2px;}
#content ul.detailed-project-list li.project h5 a { color:#000; text-decoration:none;}
#content ul.detailed-project-list li.project h5 a:hover { text-decoration:underline;}
#content ul.detailed-project-list li.project p { margin:0; padding:0; font-size:100%; color:#999; padding-top:5px; clear:right;}
#content ul.detailed-project-list li.project ul.stats { float:right;}
#content ul.detailed-project-list li.project ul.stats li { float:left; margin-left:5px;}
#content ul.detailed-project-list li.project ul.stats li.repos a { background-image:url(../images/icons/repos.png);}
#content ul.detailed-project-list li.project ul.stats li.tickets a { background-image:url(../images/icons/tickets.png);}
#content ul.detailed-project-list li.project ul.stats li.milestones a { background-image:url(../images/icons/milestones.png);}
#content ul.detailed-project-list li.project ul.stats li.wiki a { background-image:url(../images/icons/wiki.png);}
#content ul.detailed-project-list li.project ul.stats li a  { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #efefef; display:block; padding:5px; padding-left:25px; background-repeat:no-repeat; color:#333; text-decoration:none;  font-weight:bold; font-size:90%; background-position:5px 3px;}
#content ul.detailed-project-list li.project ul.stats li a:hover { background-color:#efefef; border-color:#ccc;}

#content .project-publicness .private {background:url(../images/icons/restricted32.png) #ffdada no-repeat 15px 12px; border:3px solid #c13a3a; padding:10px; color:#c13a3a; padding-left:60px;}
#content .project-publicness .private h4 { font-size:170%;}
#content .project-publicness .private p {font-size:110%; line-height:1.5;}

#content .project-publicness .public {background:url(../images/icons/add32.png) #f7ffea no-repeat 15px 12px; border:3px solid #8dc13a; padding:10px; color:#8dc13a; padding-left:60px;}
#content .project-publicness .public h4 { font-size:170%;}
#content .project-publicness .public h5 { font-size:120%; font-weight:bold; margin-bottom:5px; border-top:2px solid #8dc13a; padding-top:5px;}
#content .project-publicness .public p {font-size:110%; line-height:1.5;}
#content .project-publicness .public p.info { font-size:90%;}
#content .project-publicness .public ul { line-height:1.8;}
#content .project-publicness .public ul input { margin-right:4px;}
#content .project-publicness .public table.repos { margin:10px 0; width:100%;}
#content .project-publicness .public table.repos td {padding:3px;}
#content .project-publicness .public table.repos td.blank { font-style:italic; text-align:center; padding:20px 0;}

#content #public-dashboard { min-height:270px;}
#content #public-dashboard p.intro { font-size:120%; line-height:1.5;}

#content #change_package { margin-bottom:20px;}
#content #change_package p.intro { font-size:130%; line-height:1.5; margin-top:20px;}
#content #change_package table.packages { width:100%; margin:15px 0 0 0;}
#content #change_package table.packages td { border:1px solid #ccc; padding:5px; text-align:center;}
#content #change_package table.packages td.package { width:16%; font-size:130%; font-weight:bold; padding-bottom:0; padding-top:10px;}
#content #change_package table.packages td.price { font-size:90%; padding-bottom:10px;}
#content #change_package table.packages td.price span { color:#999;}
#content #change_package table.packages th { text-align:right; padding:5px; padding-right:15px; font-weight:bold; border-bottom:1px solid #ccc;}
#content #change_package table.packages th  a { color:#333;}
#content #change_package table.packages thead td { background:#333; border:1px solid #333; color:#fff;}
#content #change_package table.packages thead td a { color:#fff;}
#content #change_package table.packages tbody td { height:23px;}
#content #change_package table.packages tbody td.current { background:#ffffe1; border-left:4px solid #333; border-right:4px solid #333; font-weight:bold; font-size:120%;}
#content #change_package table.packages td.current.link { font-weight:bold; color:#FFB800;}
#content #change_package table.packages td.link { border-color:#000; border-top:2px solid #555; font-weight:bold; padding:10px 0; background:#000;}
#content #change_package table.packages td.link a { padding:2px 8px; text-decoration:none; border-radius:6px;}
#content #change_package table.packages td.link a.upgrade {background-color:#7ebc13;}
#content #change_package table.packages td.link a.downgrade {background-color:#bc134b;}
#content #change_package table.packages td.link a.upgrade:hover {color:#daf6a9;}
#content #change_package table.packages td.link a.downgrade:hover {color:#f9dfe7;}
#content #change_package table.packages td.link a.change {background-color:#666;}
#content #change_package table.packages td.link a.change:hover {color:#ccc;}
#content #change_package table.packages td.link a:active {opacity:0.7;}
#content #change_package p.hidden-package { margin-top:0; background:#efefef; padding:10px; text-align:center; border-bottom:1px solid #ccc;}
#content #change_package p.package-unchangable { margin-top:0; background:#ffe2e2; padding:10px; text-align:center; border-bottom:1px solid #ccc; color:#d24141;}
#content #change_package p.package-unchangable a { color:#d24141;}
#content #change_package p.package-unchangable a:hover { background:none; text-decoration:underline;}
#content #change_package p.assist { text-align:center; margin-top:20px; font-size:120%;}

/* deploy banner */

#content .deploy-banner {}
#content .deploy-banner a { background:#7392a0; display:block; margin-top:15px; color:#fff; padding:10px; text-decoration:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#content .deploy-banner a img { float:right; margin-top:-20px;}
#content .deploy-banner a:hover { background:#64838e;}
#content .deploy-banner a p { margin:0;}
#content .deploy-banner a h4 { margin:0; font-size:160%; margin-bottom:3px;}
#content .deploy-banner a p { width:450px;}
#content .deploy-banner a p span { font-weight:bold;}
#content .deploy-banner a:hover p span { text-decoration:underline; font-weight:bold;}

/* deploy setup page */

#content #deploy-setup p.intro { font-size:175%;}
#content #deploy-setup p.intro b { background:#ffffd5;}
#content #deploy-setup p.button { text-align:center; margin:45px 0;}
#content #deploy-setup p.button a { font-size:150%; background:#333; padding:20px; color:#fff; text-decoration:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-weight:bold;no}
#content #deploy-setup p.button a:hover { background:#111;}
#content #deploy-setup p.terms { color:#999;}