/* -------------------------------------
/*  html, body
/* -------------------------------------*/


html {
	background:				#27343c url(../images/page_top.gif) top left repeat-x;
	color:					#666;
	font:					76% Arial, Helvetica, sans-serif;
	text-align:				center;	
}


html, body {
	margin:					0;
	padding:				0;
}

body {
	text-align:				left;
	width:					925px;
	margin:					0 auto;
	line-height:			1em;
    font: 12px Tahoma;
    color: #485731;
}

/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

h1
{
    color: #eee;
}
h2 {
    font-size: 14px;
    color: #014f9f;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h3 {
    font-size: 14px;
    color: #014f9f;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
   
img {
	margin:					0;
	padding:				0;
	border:					0;
}

ul {
	list-style:				none;
}

a {
	outline:				0;
}
a:link
{
    color: #00c;
    font-size: 11px;
}

a:visited
{
    color: #00c;
    font-size: 11px;
}

a:hover
{
    color: #c46709;
}

.alert {
 font-weight: bold;
 color: #990000;
}

p {
    clear: right;
    font-size: 11px;
    margin-bottom: 1em;
    line-height: 1.6em
}

ul.arrows {
    padding: 0px;
    font-size: 11px;
    margin: 0px 0px 0px;
}

ul.arrows li {
    padding: 0px;
    padding-left: 1.5em;
    background: url(../images/bullet.gif) no-repeat 0px 1px;
    margin: 2px 0px;
    list-style-type: none;
    font-size: 11px;
    padding-bottom: 8px;
    line-height: 1.1em;
}

blockquote {
    padding: 10px;
    border: 1px solid #cccccc;
}



/* -------------------------------------
/*  Form
/* -------------------------------------*/

form table
{
    border-collapse: collapse
}

form
{
    margin: 0px;
    position: relative
}

/* -------------------------------------
/*  Fieldset
/* -------------------------------------*/

fieldset
{
    border: #c6ccce 1px solid;
    padding: 11px;
    margin-bottom: 20px;
    font-size: 11px;
}

fieldset div
{
    font-size: 11px;
}

fieldset legend span
{
    font-weight: normal;
    font-size: 11px;
    color: #666
}

fieldset p
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    padding-bottom: 0px;
    margin: 0px 0px 10px;
    line-height: 15px;
    padding-top: 0px
}

fieldset table
{
    border:none;
    position: relative;   
}

fieldset input
{
    font-family: tahoma;
    font-size: 11px;
}

fieldset table td
{
    font-size: 11px;
    line-height: 1.6em;
    text-align: left
}

fieldset span
{
    font-size: 11px;
    color: #333;
    padding-bottom: 4px;
    line-height: 16px;
}

fieldset strong
{
    font-size: 11px;
    color: #333;
    padding-bottom: 4px;
    line-height: 26px;
    width: 150px;
}

fieldset legend
{
    height: 16px;
    font: bold 11px Verdana;
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid darkgray;
    color: #336699;
    background: white url(../images/shade.gif) top left repeat-x;
}

/* -------------------------------------
/*  Form Elements
/* -------------------------------------*/

input, select, textarea
{
    font-size: 11px;
}

.chk
{
	margin: 5px;
	vertical-align: middle;
}

.sel, .txt, .sel_sm, .txt_sm
{
    font-size: 13px;
    border: solid 1px darkgray;
}

.invisible
{
    height: 6px;
    width: 0px;
    background-color: White;
    border: solid 1px white;   
}

.btn
{
    background-color: #f2f0e4;
    color: #000000;
    cursor: hand;
    cursor:pointer;
    background-color: #f2f0e4;    
    color: #000000;
    border: solid 1px darkgray;
    font-size: 11px;
    padding: 2px;
    padding-right: 4px;
    padding-left: 4px;
}

.btn:hover
{
    background-color: #c2cfe5;
    border: solid 1px #335ea8;
    color: #000000;
}

/* -------------------------------------
/*  Pagination
/* -------------------------------------*/
.pages a, .pages span 
{
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.3em;
    border: 1px solid #c6ccce;
    background: #fff;
}

.pages span.ellipsis 
{
    border: none;
    background: none;
}

.pages span.current 
{
    border: 1px solid #c6ccce;
    font-weight: bold;
    background: #c6ccce;
    color: #fff;
}

.pages a 
{
    border: 1px solid #c6ccce;
    text-decoration: none;
}

.pages a:hover 
{
    border-color: #06c;
}

.pages a.nextprev, .pages span.nextprev 
{
    font-weight: bold;
}

.pages a.nextprev_r 
{
    font-weight: bold;
    float: right;
}

.pages span.nextprev 
{
    color: #666;
}

.pages span.nextprev 
{
    border: 1px solid #ddd;
}

.pages span.nextprev_r 
{
    border: 1px solid #ddd;
    color: #014f9f;
    float: right;
}


/* -------------------------------------
/*  Images
/* -------------------------------------*/

img {
    border: 0px;
}

/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link, a:visited {
	color:					#0e7fc7;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}

/* -------------------------------------
/*  Positioning and Size
/* -------------------------------------*/

#searchBox {
	text-align:				right;
	float:					right;
	font-size:				10px;
	padding-top:			6px;
	width:					230px;
	margin-bottom:			-10px;
	height:					32px;
}

.search_button {
	position:				relative;
	left:					5px;
	top:					-1px;
	float:					left;
}

.textfield {
	width:					170px;
	color:					#666;
	margin:					0;
	padding:				2px;
	font:					11px/11px verdana, arial,sans-serif;
	float:					left;
}

/*-------------------------------------
 	Header
---------------------------------------*/

#masthead {
	text-align:				right;
	width:					925px;
	margin:					0 auto;
}

#header {
	clear:					both;
	padding:                0px;
	margin:                 0px;
	padding-top:                    -50px;
}

#login {
	float:					right;
	height:					74px;
	color:					#334550;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			88px;
}

#login img {
	vertical-align:			sub;
	padding-right:			3px;
}

#login .greeting {
	color:					#fff;
}

#login a:link, #login a:visited {
	color:					#57b3e1;
}

#loginFormMiniMain {
	width:				200px;
	line-height:		normal;
	padding:			8px;
	background:			transparent url(../images/login_bg.png) top left repeat;
	border:				1px solid #303f4a;
	position:			relative;
	margin-left:		-15px;
	margin-top:			-80px;
	z-index:			10;
	color:				#fff;
	display:none;
}

/*-------------------------------------
 	SiteMap
---------------------------------------*/

#sm_outer {
	margin-bottom:			16px;
	background:				transparent url(../images/sitemap_bottom.gif) bottom left no-repeat;
	display:				none;
}

#sm_inner {
	background:				transparent url(../images/sitemap_top.gif) top left no-repeat;
}

.sm_column {
	float:					left;
	width:					155px;
	padding:				0px 15px 20px 15px;
}

.sm_column ul li {
	padding:				3px 0;
}

.sm_column ul li li {
	padding:				3px 0 3px 15px;
}

.sm_column h3 {
	font-size:				14px;
	padding:				25px 0 5px 0;
}

.sm_column h3 a:link, .sm_column h3 a:visited {
	color:					#fff;
}

/*-------------------------------------
 	SiteNav
---------------------------------------*/

.subnav {
    width:                  50%;
    padding:                5px;
    margin-bottom:          -50px;
}

#siteNav ul {
	margin-left:			0px;
	padding-top:			0px;
	z-index:				1;
}

#siteNav li {
	float:					left;
	position:				relative;
	top:					0;
	left:					0;
}

#siteNav li {
	padding:				0px 5px 0px 12px;
}

#siteNav li.current a {
	margin-bottom:			-1px;
}

#siteNav li ul {
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;
	margin:					0;
	padding:				0;
}

#siteNav ul:after {
    content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;	
}

#siteNav li ul li ul {
	position:				relative;
}

#siteNav li ul li {
	width:					175px;
}

#siteNav li > ul {
	top:					auto;
	left:					auto;
}

#siteNav li:hover ul {
	display:				block;
}

#siteNav li.current ul {
	padding-bottom:			1px;
}

#siteNav li {
	font-size:				12px;
	text-align:				center;
}

#siteNav li li {
	text-align:				left;
}

#siteNav li li li {
	text-indent:			10px;
}

#siteNav a {
	text-decoration:		none;
	display:				block;
}

#siteNav li {
}



/*-------------------------------------
 	PageNav
---------------------------------------*/

#pageNav #contactButton {

}

#pageNav h3 {
	padding-left:			25px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	line-height:			25px;
	color:					#587788;
	background:				transparent url(../images/sidemenu_item_border.gif) bottom left no-repeat;
	padding-bottom: 3px;
}

#pageNav ul {
	margin-bottom:			40px;
}

#pageNav .smallMenu {
	padding:				0 25px;
}

#pageNav .smallMenu li {
	background:				transparent url(../images/sidemenu_item_border.gif) bottom center no-repeat;	
	line-height:			26px;
}

#pageNav h3.smallMenu {
	margin:					0 25px;
	background:				transparent url(../images/sidemenu_item_border.gif) bottom center no-repeat;	
	padding:				0;
}

#pageNav .subMenu li {
	background:				transparent url(../images/sidemenu_item_border.gif) bottom left no-repeat;
}

#pageNav .subMenu li a {
	display:				block;
	padding-left:			25px;
}

#pageNav .smallMenu li a {
	display:				block;
}

#pageNav .smallMenu li a:hover {
	background-image:		none;
}

#pageNav li {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	line-height:			40px;
}

#pageNav li .icon {
	float:					right;
	margin-top:				5px;
}

#pageNav li a:link, #pageNav li a:visited, #pageNav li a:hover {
	text-decoration:		none;
}

#pageNav li a:hover {
	background:				#f1f5f7 url(../images/sidemenu_hover_border.gif) top left repeat-y;
}

#pageNav li.current a {
	background:				#fff url(../images/sidemenu_current_border.gif) top left repeat-y;
}


#pageNav .quote {
	padding:				0 25px;
	margin-bottom:			25px;
}

#pageNav .quote .statement {
	margin-bottom:			10px;
	font-family:			Georgia, serif;
	font-size:				14px;
	color:					#526e80;
	line-height:			20px;
}

#pageNav .quote .author, #pageNav .quote .site {
	font-family:			Georgia, serif;
	font-size:				12px;
	color:					#7c919e;
	line-height:			16px;
}

#pageNav .widget ul {
margin-bottom:20px;
}

#pageNav ul.feeds li {
	background: transparent url(../images/rss-orange.gif) center left no-repeat;
	padding-left:			20px;
        display:block;
}

#pageNav .widget { background: url(../images/ee_category_bg.gif) top left no-repeat; padding: 7px 10px 15px 10px;margin: 0 0 0 25px;}
#pageNav .widget h4 { color: #fff;font-size: 12px;padding-bottom: 15px;text-shadow: 1px 1px 1px #688192; 
}
#pageNav .widget ul { font-size: 12px;line-height: 16px;}
#pageNav .widget li { padding:2px 0; margin:0; line-height:16px;width:200px;}
#pageNav .widget li a { display: block; }
#pageNav .widget li a:hover{ background:none;color: #035796;}
#pageNav .widget .pageSearchBox {
	text-align:				center;
	font-size:				10px;
	padding-top:			6px;
	width:					200px;
	height:					32px;
	margin-bottom:			16px;
}

#pageNav .widget .pageSearchBox .search_button {
	position:				relative;
	left:					5px;
	top:					-1px;
	float:					left;
}

#pageNav .widget .pageSearchBox .textfield {
	width:					150px;
	color:					#666;
	margin:					0;
	padding:				2px;
	font:					11px/11px verdana, arial,sans-serif;
	float:					left;
}


#pageNav .twitterWrap {
	background:				transparent url(../images/speech_bubble_bottom.gif) bottom left no-repeat;
	margin:					0 0 0 25px;
}
	
#pageNav .twitterMeat {
	background:				transparent url(../images/speech_bubble_top.gif) top left no-repeat;
	padding:				12px 12px 30px 12px;
	width:					180px;
	font-weight:			bold;
	color:					#62696d;
	line-height:			15px;
	font-size:				11px;
}
	
#pageNav .twitterLinks {
	margin:					0 0 25px 25px;
	font-weight:			bold;
	font-size:				11px;
	color:					#999;
}

#pageNav .twitterLinks a {
	color:					#38a8de;
}


/* order crucial here, these must be at the end of #pageNav section */

#pageNav .subMenu ul {
	margin: 			-10px 0 0 0;
	background:			#fff url(/images/design/sidemenu_current_border.gif) repeat-y scroll left top;
	padding-bottom:     10px;
}

#pageNav .subMenu ul li {
	padding:			4px 0 4px 0;
	margin: 			0 0 0 50px;
	line-height:		normal;
	background-image:	none;
	font-size:			11px;
}

#pageNav .subMenu .subCurrent, #pageNav .subMenu .subNormal {
	background-image:	none;
}

#pageNav .subMenu .subCurrent {
	background:			transparent url(/images/design/bg_submenu_current.gif) 0px 7px no-repeat;
}

#pageNav .subMenu .subCurrent a:link, #pageNav .subMenu .subNormal a:link,
#pageNav .subMenu .subCurrent a:visited, #pageNav .subMenu .subNormal a:visited {
	background-image:	none;
	background-color:	transparent;
	color:				#517992;
	padding: 			0;
}

#pageNav .subMenu .subCurrent a:link, #pageNav .subMenu .subCurrent a:visited {
	padding-left:		15px;
	font-weight:		bold;
}

#pageNav .subMenu .subCurrent a:hover, #pageNav .subMenu .subNormal a:hover {
	color:				#85a6bb;
}

/*-------------------------------------
 	WrapperWit
---------------------------------------*/

#wrapperWit {
	background:				transparent url(/images/design/wrapper_column.gif) top left repeat-y;
	border-top:				1px solid #fff;
}

#wrapperWit #content 
{
    width:                  100%;
	padding-left:			25px;
}

#wrapperWit #pageNav {
	float:					right;
	width:					255px;
}

#wrapperWit #gooey {
	background:				transparent url(/images/design/wrapper_column_bottom.gif) bottom left no-repeat;
}

#wrapperWitOut {
	background:				#fff url(/images/design/wrapper_column_top.gif) top left repeat-x;
	border-top:				1px solid #fff;
}

#wrapperWitOut #content {
	padding-left:			25px;
	padding-right:			25px;
}

#wrapperWitOut #gooey {
	background:				transparent url(/images/design/wrapper_solid_bottom.gif) bottom left no-repeat;
}

#wrapperWit #shell {
	background:				transparent url(/images/design/wrapper_column_top.gif) top left repeat-x;
}



/*-------------------------------------
 	Content
---------------------------------------*/

#content {
	/* necessary to prevent the background image from spacing
		itself down from the top */
	padding-top:			30px;
	color:					#222;
	padding-bottom:			26px;
	min-height:             450px;
}


#content h2{
	font: 					normal 25px/35px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					0;
	color: 					#FF3A00;
	text-shadow: 			0px 0px 0px #fff; 
}

#masthead {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				10px;
}

#gooey:after {
	content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;
}

/*-------------------------------------
 	fullItem
---------------------------------------*/


.fullItem {
	margin-top:				10px;
	padding-bottom:			6px;
}

.fullItem h3 {
	margin-bottom:			6px;
	text-shadow: 0px 0px 0px #fff; 
}

.fullItem h3.noIcon {
	margin-top: 25px;
}

.fullItem .icon {
	float:					left;
	width:					70px;
}

.fullItem p {
	margin-bottom:			6px;
	font-size:				13px;
	line-height:			18px;
}

/*-------------------------------------
 	Entry
---------------------------------------*/

.entry {
	margin-top:				25px;
	background:				transparent url(/images/design/blog_entry_divider.jpg) bottom center no-repeat;
	padding-bottom:			38px;
}

.entry h3 {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				20px;
	line-height:			24px;
	font-weight:			normal;
	color:					#111;
	margin-bottom:			12px;
	text-shadow:            0px 0px 0px #fff; 
}

.entry .entryInfo {
	margin-bottom:			12px;
}

.entry .author {
	float:					left;
	width:					100px;
}

.entry .body {
	margin-left:			125px;
}

.entry .body p {
	margin-bottom:			12px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	line-height:			18px;
}

.entry .date {
	font-family:			Georgia, serif;
}

/*-------------------------------------
 	author
---------------------------------------*/

.author {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#444;
	font-size:				11px;
}

.author .picture {
	margin-bottom:			8px;
}

.author .name {
	font-weight:			bold;
	margin-bottom:			2px;
}

.author .title {
	margin-bottom:			8px;
}


.author .title, .author .readMore {
	font-size:				10px;
}

.author a:link, .author a:visited {
	color:					#222;
	text-decoration:		none;
}

.author a:hover {
	color:					#666;
	text-decoration:		none;
}

/*-------------------------------------
 	Footer
---------------------------------------*/

#footer {
	background:				#fff url(/images/design/footer_bottom.gif) bottom left no-repeat;
	font-size:				11px;
	margin-top:				16px;
}


#footer #elements {
	background:				transparent url(/images/design/footer_top.gif) top left no-repeat;
}

#footer #elements:after {
    content:				"."; 
    display:				block;
    height:					0; 
    clear:					both; 
    visibility:				hidden;
}

#footer .one {
	width:					182px;
}

#footer .two {
	width:					180px;
}

#footer .three {
	width:					185px;
}

#footer .four {
	width:					215px;
}

#footer h4 {
	margin:					20px 0 0 0;
	height:					20px;
}

#footer .image {
	float:					left;
	padding-right:			12px;
}

#footer ul#orderEE {
	margin-left:			60px;
}

#footer li {
	background:				transparent url(/images/design/footer_list_bullet.gif) 0 3px no-repeat;
	padding:				0 0 4px 12px;
}

#footer .details {
	min-height:				30px;
}

#footer ul#support li {
	float:					left;
}

#footer ul#support li.groupOne {
	width:					100px;
}

#footer ul#support li.groupTwo {

}

#footer .item {
	float:					left;
	padding:				0 20px 5px 20px;
}

#footer .item .details {
	line-height:			15px;
}

/* order important here - #footer .last gets no border */

#footer .last {
	background:				transparent;
}

/*-------------------------------------
 	Buttons
---------------------------------------*/

.buttonLinkMed, .buttonLinkLarge {
	clear:					both;
	width:					171px;
	height:					21px;
	margin:					12px 0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			20px;
	font-weight:			bold;
	padding-left:			15px;
}

.buttonLinkMed {
	background:				transparent url(/images/design/button_med.gif) bottom left no-repeat;
}

.buttonLinkLarge {
	background:				transparent url(/images/design/button_large.gif) bottom left no-repeat;
	width:					206px;
}

.buttonLinkMed a, .buttonLinkLarge a {
	display:				block;
	text-shadow:            0px 0px 0px #fff; 
}
.buttonLinkMed a:link, .buttonLinkMed a:visited, .buttonLinkMed a:hover,
.buttonLinkLarge a:link, .buttonLinkLarge a:visited, .buttonLinkLarge a:hover {
	color:					#66696b;
	text-decoration:		none;
}

.buttonLinkMed a:hover, .buttonLinkLarge a:hover {
	color:#999;
}

/*-------------------------------------
 	Copyright
---------------------------------------*/


#copyright {
	color:					#8ba9bc;
	margin:				    25px 0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			18px;
	text-align:				center;
}


#copyright a:link, #copyright a:visited {
	color:					#57b3e1;
}

/*-------------------------------------
 	3 Columns - No Sidebar
---------------------------------------*/

.threeFullColumn {
	float:					left;
	width:					270px;
	padding:				0 10px;
	margin:					20px 0 0 0;
}

.threeFullColumn .icon {
	float:					left;
	margin-right:			6px;
}

.threeFullColumn h3 {
	margin-top:				2px;
	margin-bottom:			4px;
}

.threeFullColumn p {
	line-height:			18px;
	color:					#666;
}

/*-------------------------------------
 	3 Columns - Sidebar
---------------------------------------*/

.threeColumn {
	width:					190px;
	float:					left;
	padding-right:			24px;
	margin-top:				20px;
}

.lastColumn {
	padding-right:			0;
}

ul.features {
	margin-top:				5px;
	margin-left:			5px;
}

ul.features li {
	background:				transparent url(/images/design/list_arrow.gif) 0px 5px no-repeat;
	font-size:				12px;
	padding:				3px 0 2px 10px;
}

code {
	white-space:			nowrap;
}

.codeblock {
	background-color:		#fbfbfd;
	border:					1px solid #dae0e4;
	font-size:				11px;
	margin:					10px 4px;
	padding:				8px;
	width:					480px;
	overflow:				auto;
}

abbr {
	border-bottom: 1px dotted #333;
}

.blogLists {
	list-style-image: url(http://expressionengine.com/images/design/bullet.gif);
	padding: 2px 0 5px 20px;
	margin-bottom: 12px;
	line-height:14px;
}

/*-------------------------------------
 	Tables
---------------------------------------*/

table.data 
{
	border-collapse: collapse;
	border: 1px solid #126a9c;
	margin: 0 0 20px 0;
	font-size: 11px;
}

table.plus_font 
{
	font-size: 1.2em;
	line-height: 1.6em;
}

table.data th, table.data tr.header td
{
	text-align: left;
	padding: 4px;
	border-top: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
	font-weight: bold;
}

table.data tr.header 
{
	background: url(../images/bg_button_gray.gif) #F0F0F0 repeat-x;
}

table.data th.right, table.data td.right
{
	text-align: right;
}

table.data th.center, table.data td.center 
{
	text-align: center;
}

tr.title td 
{
	background: #126a9c;
	color: #fff;
	border-bottom: 1px solid #126a9c;
	font-size: 15px;
	font-weight: bold;
}

caption
{
	background: #126a9c;
	color: #fff;
	border-bottom: 1px solid #126a9c;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}

tr.title td a 
{
    color: #ffffff;
}

a.title:link
{
    color: #fff;
}

a.title:visited
{
    color: #fff;
}

a.title:hover
{
    color: #eee;
}

tr.title h2, tr.title p 
{
	margin: 0;
}

tr.action td 
{
	background: #d0dce6;
	border-top: 1px solid #126a9c;
	border-bottom: 1px solid #F7F7F7;
}

table.data td  
{
	vertical-align: top;
	padding: 4px;
}

tr.shaded, tr.shaded:hover 
{
	background: #efefef;
}

tr.highlight 
{
	background: #ffee00;
}

table.data a.block 
{
	position: relative;  
  	display: block;
}

table.data th a:link, table.data th a:visited 
{
  position: relative;
  display: block;
  color: #000;
}

table.data th a:hover 
{
  position: relative;
  color: #2583b1;
}

table.tbl_cbl 
{ 
    color: #000000; 
    font-family: tahoma; 
    font-size: 11px; 
    border: 0px; 
}

table.tbl_cbl td 
{
	width: 50%;
}

tr.footer_sub td
{
    background-color: #65a4c7;
    color: #fff;
}

tr.footer 
{
	background: #126a9c;
	color: #fff;
	border-bottom: 1px solid #126a9c;
}

.td_separator 
{
    background-color: #fefefe;
    color: #666;
    border-right: 1px solid #C2C2C2;
    border-left: 1px solid #C2C2C2;
}

/*-------------------------------------
 	AJAX Progress
---------------------------------------*/

.div_progress
{
    border: solid 1px darkgray;
    background-color: #ffffff;
    padding: 13px 20px 20px 20px;
    z-index: 999999;
    width: 330px;
}

.div_overlay
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=40);
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;
    margin: 0;
    top: 0;
    left: -50px;
    position: absolute;
    z-index: 88888;
    background-color: darkgray;
    overflow: hidden;
    text-align: center;
}

/*-------------------------------------
 	The Success and Error Update Panel divs
---------------------------------------*/

.message
{
    width: 550px;
    text-align: center;
}

.message div
{
    background-color: #cccccc;
    color: #006b31;
    border: solid 1px #006b31;
    padding: 10px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    text-align: left;
}

.message div img
{
    padding-right: 10px;
    float: left;
    border: none;
    position: relative;
    top: -3px;
}

.message p
{
    margin-top: 0px;
    background-color: whitesmoke;
    color: #006b31;
    border: solid 1px #006b31;
    padding: 18px;
    font-family: Tahoma;
    font-size: 11px;
    border-top:none;
    text-align: left;
}

.message_red div
{
    background-color: #ebd9d9;
    color: #910709;
    border: solid 1px #910709;
    padding: 10px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
}

.message_red div img
{
    padding-right: 10px;
    float: left;
    border: none;
    position: relative;
    top: -3px;
}

.message_red p
{
    margin-top: 0px;
    background-color: whitesmoke;
    color: #910709;
    border: solid 1px #910709;
    padding: 18px;
    font-family: Tahoma;
    font-size: 11px;
    border-top:none;
}

.validator
{
    width: 550px;
}

.validator_ext
{
    background-color: #f9f9f9;
    color: #910709;
    border: solid 1px #999999;
    padding: 20px;
    font-family: Tahoma;
    font-size: 11px;
    border-top: none;
    text-align: left;
}

.validator_top img
{
    padding-right: 7px;
    float: left;
    border: none;
    position: relative;
    margin-top: -5px;
    padding-bottom: 3px;
}

.validator_top
{
    background-color: #cccccc;
    border: solid 1px #999999;
    padding: 10px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #910709;
    text-align: left;
    height: 15px;
}

/* ----------------------------
/* Other
/* ---------------------------- */

.instructions 
{
    background-color: #eee; 
    padding: 10px;
}
.example
{
    border: 1px dashed #ccc;
    padding: 10px;
}
.loader
{
    background-image: url(../images/ajax-2.gif);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
}
.loader_sm
{
    background-image: url(../images/ajax-2.gif);
    background-position: left;
    background-repeat: no-repeat;
}

/* ----------------------------
/* Options
/* ---------------------------- */
.options
{
    font: normal 15px/25px arial,georgia, serif;
}
.cp
{
    font: normal 15px/25px arial,georgia, serif;
    vertical-align: middle;
}
.cp span
{
    float: left;
}

.cp a
{
    font: normal 20px/30px arial,georgia, serif;
	letter-spacing:	-1px;
	color: #FF3A00;
    display: block;
    text-decoration: none;
    border: solid 1px #daddde;
    background-color: #f9f9f9;   
    padding: 8px;
    width: 200px;
    margin: 5px;
}

.cp a:hover
{
    display: block;
    text-decoration: none;
    color: #000;
    border: solid 1px #335ea8;
    background-color: #dee5f0;   
}

.cp a:visited
{
    display: block;
    text-decoration: none;
    color: #FF3A00;
}

.cp:hover
{
    
}

.files div 
{
    float: left;
    width: 200px;
    text-align: center;
    font-size: 11px;
    line-height: 1.6em;
    margin: 6px;
    padding: 6px;
}

.image
{
    border: solid 1px #daddde;
    background-color: #f9f9f9;   
    padding: 4px;
}

.image a
{
    display: block;
    text-decoration: none;
    height: 145px;
    color: #3d3d3d;
}

.image a:hover
{
    display: block;
    text-decoration: none;
    height: 145px;
    color: #000;
}

.image a:visited
{
    display: block;
    text-decoration: none;
    height: 145px;
    color: #3d3d3d;
}

.image:hover
{
    border: solid 1px #335ea8;
    background-color: #dee5f0;   
}


/* ------------------------
/* Extras
/* ------------------------ */

.error {
	line-height: 20px;
	color: #ff0000;
	padding: 2px;
	font-weight: bold;
}

.success {
	line-height: 20px;
	color: #669900;
	padding: 2px;
	font-weight: bold;
}

.tip 
{
	font: 12px Tahoma,Arial,Helvetica,sans-serif;
	padding: 3px;
	color: #333333;
	border: 1px solid #0a6599;
	background: #ffffcc;
}

.plus_font {
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight:bold;
}

/* --------------------------
/* SWF Upload
/* -------------------------- */

fieldset.flash
{
	width: 375px;
	margin: 10px 0px 10px 0px;
	border-color: #D9E4FF;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}