@import url(../core/baseline.css);

/* dean's test comment */

/**
 * Table of Contents.
 * 1) General Elements
 * 2) Utility Classes
 * 3) Main Layout Structure
 * 4) Widgets and Plugins
 * 5) Prototip
 * ========================
 * Author: Rajiv Varia
 * Title: Launchpad Layout CSS
 * Project: Launchpad v1
*/

/**
 * 1) General Elements 
 */
body {
	background: #fff;
	color: #333333;
	font: 85% helvetica, arial, verdana, sans-serif;  /*sets font to 10px */
	text-align: center;}

h1 {font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, arial, verdana, sans-serif; 
	letter-spacing: -0.03em;
	font-size: 160%;}
h2 {font-size: 150%; letter-spacing: -0.01em;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {}

h2, h3 {padding-bottom: 0.5em;}

textarea, input[type="text"] {font-family: helvetica, arial, verdana, sans-serif;}

ul, ol, dl, p {
	margin-bottom: 1em;
	line-height: 1.3em;	
}

ul li, ol li {
	padding-bottom: 1em;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
.addbtn, .removebtn, .savebtn, .reset {padding:5px 0 5px 27px; cursor:pointer;}
input.submit, input.reset, input.savebtn {float: right !important;cursor: pointer;width: auto;}
a.button {padding:0.4em 0.4em 0.4em 30px;}
a#send {padding:3px 0 5px 30px; float: right;}

abbr {
	border-bottom:1px dotted #ccc;
	cursor:help;
	letter-spacing:1px;
}

table td {vertical-align: top;}

th, td {padding: 5px;}

th {font-size: 110%;}

strong{font-weight:700;}
em {font-style:italic;}
a.filterselected:hover {cursor: pointer !important; text-decoration: underline !important;}


/**
 * 2) Utility Classes
 */
.block 	{display:block;}
.clearL	{clear:left;}
.clearR	{clear:right;}
.clear,#lulogo 	{clear:both; visibility: hidden; padding: 0; margin: 0; height: 1px;}
.floatL	{float:left;}
.floatR	{float:right;}
.floatN	{float:none;}
.hidden	{display:none; visibility:hidden;}
.inline {display:inline;}
.offset {position: absolute;left: -3000px;}
.disabled {cursor: default;}

/* lists */
.circle {list-style:circle;}
ol, .decimal {list-style:decimal outside; padding-left: 25px;}
ul, .disc {list-style:disc outside; padding-left: 20px;}
.none {list-style:none;}
.square {list-style:square;}


/**
 * 3) Main Layout Structure 
 */
#container {
	margin:0 auto;
	text-align:left;
	width:760px;
	background: center top repeat-y;
	padding: 0 10px;
}

/*Pagetitle*/
#pagetitle {
	width: 710px;
	min-height: 78px;
	z-index: 1;
	padding-left: 50px;
	position: relative;
	background-position: -10px 0;
	background-repeat: no-repeat;
}
#pagetitle h1 {padding: 5px 0;}

body.intropage #pagetitle, body.menu #pagetitle {
	display: none;}

/*Logoutbar*/
#logoutbar {
	height: 100px;
    padding: 0;
	background-position: top center; 
	background-repeat: no-repeat;
	position: relative;}
#logoutbar p {
	position: absolute;
	width: 420px; 
	text-align: right; 
	background-position: bottom; 
	background-repeat: no-repeat;
	top: 0;
	right: 20px;
	background-color: white;
	margin: 5px 0;}
#logoutbar img {padding: 10px 0 0 12px; color: white;}
#logoutbar a {
	padding: 5px 10px; 
	background: none;}
#logoutbar .small, #logoutbar .medium, #logoutbar .large {padding: 5px 2px;}	
#logoutbar a.hicontrast {padding: 8px; text-decoration: none !important;}
a.hicontrast span {visibility: hidden;}

/*Pagination*/
div.pagination {padding: 3px;margin: 20px;text-align: center;}
div.pagination a {
    padding: 3px 5px;
    margin: 2px;
    font-size: 0.75em;
    border: 1px solid;    
    text-decoration: none;}
div.pagination a:hover, div.pagination a:active {border: 1px solid;}
div.pagination span {
    padding: 3px 5px;
    margin: 2px;
    border: 1px solid;
    font-size: 0.75em;}
div.pagination span.current {font-weight: bold;padding: 5px 8px 3px;}

/*Feedback*/
div.feedback {clear: both; margin: 10px; padding: 10px 10px 0;}
div.feedback ul {padding: 0 12px;}
.feedback {background: right top repeat-y; padding: 5px 15px;}
#filterfeedback {background: top no-repeat; position: relative; padding: 10px; width: 445px; }
#filterfeedback input.reset {position: absolute;top: 0;right: 20px;}
#filterfeedback p {position: absolute; right: -10px; top: 10px;}
body.compare #filterfeedback { width: 440px; margin-left: 10px;}

/*Help panel*/
#help {
	min-height: 300px; 
	padding: 20px;
 }
#help h2 {
	background-position: -11px -101px;
	background-repeat: no-repeat;	
	margin: -20px -20px 10px -20px;
	padding: 10px 20px;
}	

/* content areas */
#content {
	min-height: 20em;
	position: relative;
	background: left top no-repeat;
	padding: 0 25px;
}

#leftcolumn {width: 465px; padding-left: 10px;}

/* footer */
#footer { 
    clear: both;
    padding: 0px 20px;
    margin: 0 -10px;
    height: 60px;
    background-position: top center;
	background-repeat: no-repeat;
}

#footer p {
    padding: 25px 0 0 0;
    margin: 0;
}

p#copyright {
    margin: 0;
	text-align: right;
}

p#copyright a {
	border-left: 1px solid;
	margin-left: 3px;
	padding-left: 6px;
}


/**
 * 4) Widgets and Plugins
 */


/**
 * 5) Prototip
 */
 
.prototip .launchpad {
    width: 300px;
    border: 2px solid;
}
.prototip .launchpad .toolbar {
    font-size: 1.1em;
    font-weight: bold;
    background: #333333;
    color: white;
}
.prototip .launchpad .title {
    padding: 5px;
}
.prototip .launchpad .content {
    padding: 5px;
    background: white;
    color: #333333;
}
.prototip p {margin-bottom: 0.5em;}