/* CSS Document */
* {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
ul {list-style:none;}
iframe {border:0;}


body {
	text-align:center;
	font:12px/18px 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular',
	Verdana, sans-serif;
	background:#000000;
	color:#888;
	background-attachment:inherit;
	background-position:center;
	background-repeat:repeat-y;
	background-image:url(/images/BG.gif);
	
}


a {text-decoration:none;cursor:pointer;color:#ccc;}
a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:hover {text-decoration:underline;}
a images {border:0;} 


.navlinks {font-size:11px}
.navlinks a {font-size:11px}

.wordup {font-weight:bold;font-family:'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;color:#eee; font-size:11px;text-shadow:none;text-transform:uppercase;}


h1, h3,h5,h6 {font-weight:bold;font-family:'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;color:#eee;}
h1 {font-weight:normal;font-size:24px; text-decoration:none}
h2 {  color:#CCCCCC; font-size:18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display:inline}
h3 {font-size:13px;margin:0 0 6px 0; display:inline;}
h4 {display:inline; font-weight:normal; font-size:11px; content:inherit  }
h7 {font-size:10px;text-shadow:none;text-transform:uppercase;color:#eee;}
h5 {font-size:13px;}
h6 {font-size:12px;}

h1 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;color:#eee;}
h2 a {color:#b4b4b4;}
h2 a:hover {color:#eee;}
h2 span {font-weight:normal;}
div.left-col h4, div.left-col-solo h4 {margin:0 0 0 0;}
h3 small {font-size:10px;font-weight:normal;word-spacing:0em;color:#999;text-shadow: #000 0px 0px 0px;}   
h3.dash {padding:3px;color:#202020;border:1px solid #999;color:#202020;}
h3.dash a {text-decoration:none;}       
h3.dash a:hover {color:#447200;}
h4 small {font-weight:normal;}
h3.logo {width:251px;height:48px;}
h4.smart {padding-left:24px;}
h6 span {color:#666;}

p {margin:0 0 14px 0;}
small {font-size:9px;}
strong {font-weight:bold;}



/* *************************** */
/* Layout                      */
/* *************************** */
div#body {width:100%;display:block;}
body#thin div#body-wrap {width:752px;}


body#thin div#header-links .wrap {display:block;width:747px;text-align:right;margin:0 auto;}
body#main div#header-links .wrap {display:block;width:920px;text-align:right;margin:0 auto;}
body#main div#body-wrap {width:920px;}

div.col-one {float:left;width:200px;margin-right:15px;}
div.col-two {float:left;width:460px;margin-right:15px;}
div.col-one-main {float:left;width:645px;margin-right:15px;}
div.col-one-720 {float:left;width:720px;margin-right:15px;}
div.col-three {float:left;width:230px;}
div.col-three-thin {float:left;width:200px;}
div.col-three-skinny {float:left;width:150px;}




div#container {width:100%;}

div#container-top {display:block;padding:22px 15px 0 15px;margin:0;background:url(../images/header-end.jpg);}
div#container-top div {border-bottom:1px solid #666666; padding-bottom:15px}
div#container-top div span { color:#CCCCCC; font-size:24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}

div#subHeader {display:block;padding:5px 15px 0 15px;margin:0;}
div#subHeader div span { color:#CCCCCC; font-size:18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}



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

div#header-links {
	font-size:9px;
	padding:2px 0;
	text-align:center;
}


div#header-links a {text-decoration:none;}
div#header-links a:hover {text-decoration:underline;}

div#header {
	display:block;
	width:100%;
	float:left;
	position:relative;
}

div#header .top-half {height:77px;display:block;position:relative;}

div#header-logo a {width:363px;height:77px;display:block;}

div#hnav {position:relative; background-color:#004078}

ul#nav {
	list-style:none;
	width:100%;
	height:31px;
	min-width:400px;
}                   

ul#nav li {
	float:left;
	margin:0 3px 0 0;
	padding:0 0 0 7px;
	height:31px;
	background:transparent url(images/bg_main_nav_tab.gif) no-repeat scroll 0 0;
}

ul#nav li a {
	float:left;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:8px 9px 0px 2px;
	font-family:'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	text-transform:uppercase;
	color:#7e9ebb;
	background:transparent url(images/bg_main_nav_tab.gif) no-repeat scroll 100% 0;
}

ul#nav li a:hover {text-decoration:none;}
div#body-wrap {display:block;text-align:left;margin:0 auto;}
div#page {float:left;display:block;padding:0 0 20px 0;width:100%;}





/* *************************** */
/* Module             */
/* *************************** */
div.module {
	margin-bottom:15px;
	font-size:12px;
	position:relative;
	width:100%;
}
div.module-head {padding:9px 7px 9px 15px;}
div.module-head h3 {display:block; font-size:11px}
div.module-head h3.yanker {line-height:0;height:0;}
div.module h5 {margin:0 0 2px 0;}
div.module h6 {font-size:11px;}
div.module p {padding:0 0 4px 0;}

div.module div.wrap {float:left;width:100%;margin:0 0 -15px 0;_margin:0 0 -8px 0;padding:10px 0 0 0;}
div.module div.content {margin:0 15px;}
div.module div.divider {margin-bottom:10px;overflow:auto;width:100%;}  

div.line_break {border-top:1px solid #444;height:1px;margin-bottom:12px;display:block;}

div.module-footer div {display:block;}


/* *************************** */
/* Feature              */
/* *************************** */
ul.feature {
	margin:0;
	padding:0;
	list-style:none;
}

ul.feature li {
	float:left;
	margin-right:20px;
	width:260px;
	font-size:11px;
	line-height:1.6;
	padding-bottom:5px;
	padding-right:10px;
}

ul.feature2 li {
	float:left;
	margin-right:20px;
	width:840px;
	font-size:12px;
	line-height:1.6;
	padding-bottom:5px;
	padding-right:10px;
}

ul.featureMarket li {
	float:left;
	margin-right:20px;
	width:540px;
	font-size:11px;
	line-height:1.6;
	padding-bottom:5px;
	padding-right:10px;
}


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

div#footer {  
	display:block;
	font-size:9px;
	clear:both;
	margin-bottom:10px;
}

div#footer a.textlink {text-decoration:underline;}

div#footer div.wrap {padding:0 16px;}



/* *************************** */
/* Misc                        */
/* *************************** */


div#flash div { padding-bottom:10px; }
div#flash table { font-size:12px; }
div#flash table tr td { padding-bottom:5px }
div#flash form { font-family:Verdana, Arial, Helvetica, sans-serif; }
div#flash input { border:#666666 1px solid; background-color:#CCCCCC; padding:4px; font-size:11px; font-family:Verdana; }
div#flash select { border:#666666 1px solid; background-color:#CCCCCC; padding:3px; width:200px; font-size:11px; font-family:Verdana; }
div#flash textarea { border:#666666 1px solid; background-color:#CCCCCC; padding:4px; font-size:12px; font-family:Verdana; }


div#container-empty-top, div#container-footer {line-height:0.5;}
div#container-empty-top div, div#container-footer div {padding-top:2px;}

div#head {padding:18px 15px 0 15px;}
div#head div.head-wrap {position:relative;width:100%;clear:left;}
div#head div.album-head {padding:8px 0 0;float:left;position:relative;width:100%;}
div#head h1 {padding:6px 0 18px 42px;margin:8px 0 0 0;}
div#head h1.noicon {padding-left:0;}
div#head h2 {margin-top:3px;}
div#head h2 span.desc {font-size:12px;margin-top:5px;display:block;}
div#container h1 a.instruction-link {font-size:10px;}
div#home-flash-demo {margin:0 0 12px 0;}
div#container-wrap {position:relative;float:left;width:100%;}
div.col-wrap {margin:15px 15px 0;}


div.clear {clear:both;line-height:0;}
.indent {padding:0 15px;}
.inline {display:inline;}
.module-first {margin-top:-10px;}
span.warn, span.note {font-size:9px;line-height:16px;display:block;padding:0 0 12px 0;}
span.help {cursor:help;font-weight:normal;font-size:11px;}
span.help span {display:none;font-size:10px;}
span.more a {font-size:10px;}
small.link {text-decoration:underline;}
.dialogue-spacer {padding-top:4px;margin:8px 0;display:block;width:100%;}
.left {float:left;margin:1px 8px 8px 0;}
.left_icon {float:left;margin:4px 8px 8px 0;}    
.posted {font-size:9px;display:block;margin:0 0 8px 0;}    
.mtentry {margin-bottom:32px;}
a.download {padding:0 0 0 15px;}




/* *************************** */
/* Validation - Text Field     */
/* *************************** */

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}


.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


/* *************************** */
/* Validation - Text Area      */
/* *************************** */

.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}