
@media screen
{
	div.control_general
	{
		margin-bottom:10px;
	}
}

@media screen
{
	label
	{
		font-family:Arial, verdana, sans-serif;
		font-size:0.8em;
		font-weight:bold;
		display:block;
	}
}

@media screen
{
	fieldset.group_body
	{
		border:1px solid #777;
		padding:10px;
	}

	fieldset.group_body legend
	{
		font-weight:bold;
		padding:0 5px;
	}
	
	fieldset.group_body ul
	{
		list-style:none;
	}
}

@media screen
{
	fieldset.group_body ul li
	{
		line-height:1.5em;
		font-size:0.9em;
	}

	fieldset.group_body ul li input
	{
		margin-right:5px;
	}
}

@media screen
{
	input.textbox_body
	{
		padding:3px;
		background:#fff;
		border:1px solid;
		border-color:#848484 #dbdbdb #dbdbdb #848484;
		font-size:1em;
	}

	input.textbox_body:focus, input.textbox_body:hover
	{
		background-color:#ffc;
	}
}

@media screen
{
	input.titletextbox_body
	{
		color:#000;
		font-size:1.8em;
	}

	input.titletextbox_blank
	{
		color:#aaa;
	}
}

@media screen
{
	input.button_body
	{
		padding:3px;
	}
}

@media screen
{
	select.select_body
	{
		border:1px solid;
		border-color:#848484 #dbdbdb #dbdbdb #848484;
		padding:1px;
	}
}

@media screen
{
	select.select_body option
	{
		font-size:0.9em;
		padding:2px;
		background:#fff;
	}	
}
@media screen
{
	select.select_body optgroup
	{
		font-style:normal;
		font-weight:bold;
		text-transform:uppercase;
	}

	select.select_body optgroup option
	{
		margin-left:10px;
		text-transform:none;
	}
}

@media screen
{
	textarea.textarea_body
	{
		padding:3px;
		background:#fff;
		border:1px solid;
		border-color:#848484 #dbdbdb #dbdbdb #848484;
		font-size:1.2em;
		line-height:1.5em;
	}

	textarea.textarea_body:focus, textarea.textarea_body:hover
	{
		background-color:#ffc;
	}
}

@media screen
{
	.address_streetitem
	{
		margin-bottom:3px;
	}

	.address_streetitem textarea
	{
		height:3em;
	}

	.address_citystateitem
	{
		float:left;
	    margin-right: 1em;
		font-size:0.9em;
		color:#444;
		width:125px;
		padding:8px 4px 4px 4px;
	}

	.address_citystatezipitem .titletextbox_body
	{
		font-size:1em;
	}

    ul.address_picklist
    {
        list-style:none;
        margin:0;
    }
    
    ul.address_picklist li
    {
        cursor:pointer;
        text-decoration:underline;
        color:blue;
        padding:3px 0;
    }
}

@media screen
{
	div.control_message
	{
		background-color:#fcc;
		padding:4px;
		line-height:1em;
		margin:0 0 5px 0;
		font-size:0.9em;
		font-weight:bold;
		color:#900;
		border-left:5px solid #900;
	}

	div.control_message:after
	{
		content: "!";
	}	
}

@media screen
{
	div.datepicker_general
	{
		height:50px;
		clear:both;
	}

	div.datepicker_monthitem, div.datepicker_dayitem, div.datepicker_yearitem
	{
		float:left;
		padding-right:5px;
	}

	/* Hide labels except for main control label */

	div.datepicker_general div label
	{
		display:none;
	}
}
@media screen
{
	div.boolean_general
	{
		padding:5px;
		margin-bottom:0;
	}
	
	div.boolean_general input
	{
		margin-right:5px;
	}
	
	div.boolean_general label
	{
		display:inline;
		font-weight:normal;
	}
}

@media screen
{
	div.messages_general
	{
		padding:0;
		margin:0;
	}
	
	div.messages_general img
	{
		float:right;
		cursor:hand;
		margin-right:3px;
		margin-top:3px;
	}
	
	div.messages_general a
	{
		color:#000;
	}
	
	div.messages_general input.textbox_body
	{
		width:98%;
	}
	
	div.messages_general input.titletextbox_body
	{
		width:98%;
		font-size:16px;
	}
	
	div.messages_general textarea.textarea_body
	{
		width:98%;
		font-size:14px;
		height:200px;
	}
	
	/** Add a message link ***/
	div.messages_list > p
	{
		background:#eee;
		margin:0;
		padding:5px;
		line-height:1em;
		text-align:right;
	}
	
	div.messages_list > p a
	{
		color:#333;
		text-decoration:none;
		font-weight:bold;
	}
	
	div.messages_list > p a:hover
	{
		text-decoration:underline;
	}
	
	div.messages_general h2
	{
		margin:0 0 15px 0;
		padding:0;
	}
	
	/** Message Summary **/
	div.messages_summary
	{
		margin:10px 0;
		padding:10px 0;
		border-bottom:1px #ccc solid;
	}
	
	h2.messages_summarysubject, h2.messages_detailsubject
	{
		text-transform:lowercase;
		font-variant:small-caps;
		font-size:24px;
		font-weight:bold;
		border-bottom:1px solid #333;
	}
	
	h2.messages_summarysubject a, h2.messages_detailsubject a
	{
		text-decoration:none;
	}
	
	h2.messages_summarysubject a:hover
	{
		text-decoration:underline;
	}
	
	h3.messages_summaryauthor
	{
		font-weight:normal;
		font-size:12px;
		line-height:1em;
		margin:0;
		padding:0;
		color:#333;
		text-transform:none;
	}
	
	h3.messages_summaryauthor em
	{
		float:right;
		margin-top:-1em;
		color:#333;
	}
	
	h4.messages_summarylatestcomment
	{
		margin:30px 0 0 0;
		text-align:right;
		font-weight:normal;
		font-size:11px;
		color:#999;
	}

	/*** Messages Detail ***/
		
	div.messages_detailcontent, div.messages_detailcommentcontent
	{
		margin:15px 0 30px 0;
		padding:10px 0 10px 20px;
		border-left:5px solid #ccc;
		border-bottom:1px dashed #ccc;
	}
	
	h3.messages_detailcommentauthor
	{
		text-transform:lowercase;
		font-variant:small-caps;
		font-size:16px;
		font-weight:bold;
		border-bottom:1px solid #333;
	}
	
	h3.messages_detailcommentauthor em
	{
		font-variant:normal;
		float:right;
		font-size:12px;
		font-weight:normal;
		padding-top:3px;
		color:#333;
	}
	
}
@media screen
{
	div.tags_general ul
	{
		display:inline;
		line-height:30px;
	}
	
	div.tags_general ul li
	{
		display:inline;
		padding:5px;
		background:#ddd;
		border-right:1px solid #bbb;
		border-bottom:1px solid #bbb;
		margin-right:10px;
	}
	
	div.tags_general ul li img
	{
		margin-left:3px;
		cursor:pointer;
	}
	
	div.tags_general p
	{
		display:inline;
	}
	
	div.tags_general div.titletextbox_general
	{
		display:inline;
	}
	
	div.tags_general input.titletextbox_body
	{
		font-size:14px;
		display:inline;
		width:80px;
	}
} 


@media screen
{
	div.actionview_general ul
	{
		list-style-type:none;
	}
	
	div.actionview_general ul li
	{
		padding:5px;
		border-bottom:1px dashed #999;
	}
	
	div.actionview_general a
	{
		color:#333;
		text-decoration:none;
	}
	
	div.actionview_general a:hover
	{
		text-decoration:underline;
	}
}
input.autocomplete_textbox
{
	padding:3px;
	background:#fff;
	border:1px solid;
	border-color:#848484 #dbdbdb #dbdbdb #848484;
	font-size:1em;
}

input.autocomplete_textbox:focus, input.autocomplete_textbox:hover
{
	background-color:#ffc;
}

div.autocomplete_matches
{
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

div.autocomplete_matches ul
{
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete_matches ul li.selected
{
	background-color: #ffb;
}

div.autocomplete_matches ul li
{
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}
ol.datanavigation_body
{
    text-align:center;
    margin:15px 0;
}

ol.datanavigation_body li
{
    display:inline;
    margin-right:0.5em;
}

li.datanavigation_currentpage
{
    font-weight:bold;
    font-size:1.4em;
    padding:2px;
}

@media screen
{
	div.creditcard_monthitem, div.creditcard_yearitem {float:left;}
	div.datepicker_cvv { clear:both;}
}


/** BASE CSS FILE **/

body
{
	background: #c0cfe3;
}

.wrapper
{
	position:relative;
	background: #FFFFFF;
	width:610px;
	margin:0 auto;
	text-align: left;
	padding:10px;
	border:#333333 1px solid;
}

#Logo
{
	height:315px;
	color:#06c;
	font-size:36px;
	letter-spacing:-1px;
	line-height:1em;
	margin:0 0 0 -3px;
	padding:0;
	text-align: center;
}

#Logo em
{
	display: none;
}


