/*
	Carney Sandoe conferences styles
	
	$Id: conferences.css 770 2008-01-22 17:48:31Z aparajita $
*/

/*
	Carney Sandoe master styles
	
	$Id: conferences.css 770 2008-01-22 17:48:31Z aparajita $
*/

/********************************************************
	Content
********************************************************/

/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/* Base styles for normal content */
body, p, span, h1, h2, h3, td, th {
	color:				#000;
	font: 				normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: 	none;
	border:				none;
}

/* I can't hilite rows in IE Win if td is given a default background-color */
body, p, th {
	background-color: 	#FFC;
}

body {
	width: 		770px;
	margin:		0;
	padding:	0;
}

p {
	margin:		0 0 1em 0;
	padding:	0;
}

img, map, area {
	border:	0;
}

span {
	padding: 	0;
	margin:		0;
}

em {
	font-style: italic;
}

ul {
	list-style-type: 	square;
	list-style-position:outside;
	padding:			0 27px;
	margin:				4px 0;
	position:			relative;
}

li {
	padding: 4px 0;
}

table {
	margin:		0;
	border:		0;
}

/* div to indent the main content from the edge of the page */
#content {
	width: 		730px;
	margin: 	13px 20px;
}

.important-note {
	background-color: 	#F99;
	padding: 			5px;
	margin:				7px 0 0 0;
}

span.hilite {
	color:			#426696;
	font-weight:	bold;
	padding:		0;
}

#content h1 {
	margin:			0 0 1em 0;
	border-top: 	#426696 6px solid;
	color: 			#222;
	font-weight: 	bold;
}

/* hide anything */
.hidden {
	display: none;
}


/********************************************************
	Header
********************************************************/

#header {
	width: 				770px;
}

#header-top td {
	height:				41px;
	background-color: 	#819AC4;
	border-bottom:		white 1px solid;
	vertical-align:		middle;
}
	
#header td#logo {
	padding-left:	10px;
}
	
#header-bottom td {
	background-color: 	#C1D3D8;
	height:				20px;
}

#header a {
	background-color:	inherit;
	text-decoration: 	none;
} 


/********************************************************
	Footer
********************************************************/

#footer {
	width: 		770px;
	background:	url(/resources/images/conferences/bottom_of_form.gif) top left no-repeat;
	padding:	5px 0px 0px 0px;
}

#footer table {
	width: 		100%;
	margin-top:	2px;
}

#footer td {
	font-size: 	10px;
}

#footer td#copyright {
	text-align: 	left;
	padding-left:	20px;
}

#footer td#feedback {
	text-align: 	right;
	padding-right:	20px;
}


/********************************************************
	Forms
********************************************************/

/* Box around our forms */
div.form-box 
{
	border:	#C1D3D8 1px solid;
	margin: 0;
}

/* Form box title */
div.form-box h2
{
	font-weight: 		bold;
	font-size:			1em;
	color: 				white;
	background-color: 	#426696;
	padding: 			2px 5px;
	margin: 			0 0 0 0;
}

div.form-box-content 
{
	padding: 13px 15px 13px 15px;
}

div.form-box-content p.first 
{
	margin-top: 0;
}

form 
{
	margin:		0;
	padding:	0;
}

table.form td, table.form th 
{
	padding:			5px;
	text-align:			left;
}

table.form th 
{
	color: 				#222;
	background-color: 	#819AC4;
	font-weight: 		bold;
	border-bottom:		1px solid white;
}

/* For form header columns beyond the first */
table.form th.extra 
{
	border-left:		1px solid white;
}

table.form td.form-label 
{
	color: 				#444;
	background-color: 	#C1D3D8;
	font-weight: 		bold;
	border-bottom:		1px solid white;
}

table.form td.form-label-top 
{
	vertical-align:		top;
}

table.form td.form-label span.form-sublabel 
{
	display:		block;
	color: 			#444;
	font-weight:	normal;
	padding-left:	0;
}

table.form td.form-data 
{
	background-color: 	#E0E0E0;
	border-left:		1px solid white;
	border-bottom:		1px solid white;
}

table.form td.form-data-extra 
{
	text-align: center;
}

table.form td.form-data-top 
{
	vertical-align:		top;
}

table.form td.form-divider 
{
	background-color: 	#819AC4;
	width:				25px;
	border-bottom:		1px solid #819AC4;
	padding:			0;
}

table.form td.form-divider-bottom 
{
	border-bottom:		1px solid white;
}

table.form p.form-data 
{
	font-size:			1em;
	background-color: 	inherit;
	padding:			4px;
	margin:				inherit;
}

input, textarea, select
{
	font:	normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:	black;
}

.mandatory-form-item 
{
	color: 			red;
	padding-left:	2px;
}

p.form-error 
{
	color:				#C00;
	margin:				0 0 .5em 2px;
	padding:			0 0 0 15px;
	background:			url(/resources/images/conferences/warning.gif) no-repeat left top;
}
	

/********************************************************
	Buttons
********************************************************/

div.form-button 
{
	margin:	10px 0 0 0;
}

td.button-name 
{
	background-color: 	white;
	border:				1px solid #BECCE1;
	padding:			3px 10px;
	font:				normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:			center;
	text-transform:		uppercase;
	margin:				0 1px;
}

td.button-arrow 
{
	background-color:	#819AC4;
	padding:			0;
	margin:				0;
	width:				20px;
	height:				20px;
	vertical-align:		middle;
}

td.button-arrow input
{
	padding:	0;
	margin:		0;
	border:		none;
}

td.button-arrow img
{
	padding:	0;
	margin:		0;
	border:		none;
}
	

/********************************************************
	Links
********************************************************/

#content a, #footer a
{
	color:				#274B7B;
	text-decoration: 	none;
	border-bottom:		none; /*1px dotted #B8B8B8; */
	padding:			0;
	margin:				0;
} 

#content a:hover, #footer a:hover
{
	background-color:	#ccc;
	text-decoration:	none;
	border-bottom:		1px solid #999;
}

#content a.no-decoration
{
	text-decoration:	none;
	border:				none;
}

#content a.no-decoration:link
{
	text-decoration:	none;
	border:				none;
}

#content a.no-decoration:visited
{
	text-decoration:	none;
	border:				none;
}

#content a.no-decoration:hover
{
	text-decoration:	none;
	border:				none;
}

#content a.no-decoration:active
{
	text-decoration:	none;
	border:				none;
}


/********************************************************
	ListWidgets
********************************************************/

select.listwidget {
	margin:	10px 0 7px 0;
}


/********************************************************
	Logout
********************************************************/

td#logout {
	text-align:		right;
	padding-right:	20px;
}

td#logout a {
	color:				#274B7B;
	font-size:			10px;
	font-weight:		bold;
	padding:			4px;
	margin:				0px;
	background-color:	#C1D3D8;
	border:				1px solid;
	border-color:		#CEDCE0 #6F7A7D #6F7A7D #CEDCE0;
	text-decoration: 	none;
	vertical-align:		middle;
} 

td#logout a:hover {
	color:				white;
	background-color:	#426696;
	border-color:		#6F7A7D #CEDCE0 #CEDCE0 #6F7A7D;
}


/********************************************************
	Help
********************************************************/

div.qwindow {
	background-color:	white;
	border:				2px solid #9933FF;
	padding:			7px;
	text-align:			left;
	font-size:			11px;
}

img.help {
	vertical-align:		middle;
	border:				0px;
	margin-left:		7px;
}

/********************************************************
	Content
********************************************************/

/* Conference list */

td#name {
	text-align:		right;
}

table.conference-list {
	border:				solid #426696;
	border-width:		1px 1px 0 1px;
}

table.conference-list th {
	font-weight: 		bold;
	font-size:			11px;
	color: 				white;
	background-color: 	#426696;
	vertical-align:		middle;
	text-align:			left;
	padding:			4px 13px 4px 7px;
}

table.conference-list td {
	font-size:			11px;
	color:				#222222;
	vertical-align:		middle;
	text-align:			left;
	padding:			7px 13px 7px 7px;
	border-bottom:		1px solid #426696;
}

table.conference-list td.conference {
	font-weight:		bold;
}

table.conference-list td p {
	padding: 	2px 5px 2px 5px;
	margin:		0;
}

table.conference-list td .no-status {
	background-color:	#C1D3D8;
}

table.conference-list td .declined {
	background-color:	#C1D3D8;
}

table.conference-list td .confirm {
	background-color:	#C1D3D8;
}

table.conference-list td .email {
	background-color:	#C1D3D8;
}

table.conference-list td .emailed {
	background-color:	#C1D3D8;
}

table.conference-list td .pending {
	background-color:	#FF3;
}

table.conference-list td .accept {
	background-color:	#3F3;
}

table.conference-list td .reject {
	background-color:	#F99;
}

table.conference-list td .no-show {
	background-color:	#F99;
}

table.conference-list td .cancel {
	background-color:	#F99;
}

table.conference-list td .closed {
	background-color:	#F99;
}

table.conference-list tr.row {
	background-color:	#C1D3D8;
}

table.conference-list tr.rowOver {
	background-color:	#FFFF99;
}

#travel-info {
	margin-top: 2em;
}

#sites td {
	padding: 0 20px 3px 3px;
}