/*____________________________________________________
  Tags
  ____________________________________________________
*/
html{
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	background: #202020;
	color: #FFFFFF;
	line-height: 1.5;
}

a:link, a:visited{
	color: #CCFF33;
	text-decoration: none;
	text-transform: none;
}

a:hover{
	color: #030;
	background-color: #CCFF33;
}

img{
	border: 0px;
}


/*____________________________________________________
  Classes
  ____________________________________________________
*/

.heading_Large {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 220%;
	line-height: 120%;
	margin-top: 0px;
}

.heading_Medium{
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCFF33;
	font-size: 20px;
	
}

h1{
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: .5;
	font-size: 30px;
	text-shadow: 1px 2px 0 #000;
}

.heading_Small ,h2 ,h3 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCFF33;
}

.heading_Bold {
	font-weight: bold;
	color: #CCFF33;
}

.subHeading_Small {
	color: #999999;
}

.subHeading_Medium {
	color: #999999;
	font-size: 125%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 170%;
}

.borderBottom {
	border-bottom: #333333 1px solid;
	padding-bottom: 10px;
	padding-top: 5px;
}
.borderTop {
	border-top: #333333 1px solid;
	padding-bottom: 10px;
	padding-top: 5px;
}

.attention {
	background: url(/images/attentionIcon_small.png) no-repeat 0 0;
	padding-left: 24px;
	padding-top: 3px;
	padding-bottom: 1px;
}

.tip {
	background: url(/images/tipIcon_small.gif) no-repeat 0 0;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 2px;
}
.smallText {
	font-size: 12px;
	color: #999999;
	line-height: 130%;
}

.checked {
	background: url(/images/checkMark.gif) no-repeat 0 0;
	padding-left: 20px;
}

.expand {
	background: url(/images/plusIcon.gif) no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
}
.collapse {
	background: url(/images/minusIcon.gif) no-repeat;
	padding-left: 15px;
}
.expandContent {
	padding:10px;
	padding-left: 15px;
}
.emboss{
	text-shadow: 0 -1px 0 #000;
}
.learnMore{
	background: URL(/images/icon_arrow_tiny.gif) top right no-repeat;
	padding-right: 17px;
}
.inputVerifiedCheck_Blank {
	display: block;
	width: 25px;
	min-width: 25px;
	height: 25px;
	min-height: 25px;
	margin-left: 10px;
}
.inputVerifiedCheck_Success {
	background: url(/resources/htmlapps/assets/images/icon_checkmark.png) no-repeat;
}
.inputVerifiedCheck_Fail {
	background: url(/resources/htmlapps/assets/images/trans-failed.png) no-repeat;
}

/*____________________________________________________
  Divs
  ____________________________________________________
*/

#snapBar {
	text-shadow: 0 -1px 0 #000;
	width: 100%;
	min-width:1095px;
	height: 40px;
	background-color:#000;
    color: #FFF;
    font-size: 14px;
	font-weight: bold;
	font-family:  Arial;
	border: none;
	padding: 0px;
	margin: 0px;
}

#snapBar img {
	padding-right: 5px;
}

#snapBar a:link, #snapBar a:visited{
	color: #FFF;
    background: none;
	text-decoration: none;
}
#snapBar a:hover{
	color: #99FF00;
    background: none;
}

#snapBar .divider {
	width: 100%;
	height: 4px;
	margin: 0px 0px 5px 0px;
	background-image: url(/images/snapbar_divider_horiz.gif);
	background-repeat: repeat-x;
}

#wrapper {
	height: 100%;
	min-height: 100%;
	background: #202020;
}

#header {
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	width: 1000px;
	height: 100px;
}

#logo {
	position:absolute;
	top: 23px;
	left: 0px;
	width: 293px;
	height: 69px;
	background: url(/images/snappages_logo.png) top left no-repeat;
	cursor: hand;
}

#headerLinks {
	position: relative;
	top: 30px;
	left: 280px;
	height: 55px;
	width: 720px;
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background: URL(/images/nav_bg.png) no-repeat;
	text-shadow: 0 -1px 0 #000;
}

#headerLinks .register a:link, #headerLinks .register a:visited{
	color: #264100;
	text-shadow: 0 1px 0 #99FF00;
	}
#headerLinks .register a:hover{
	color: #FFF;
	text-shadow: 0 -1px 0 #264100;
	}

#header ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#header ul li {
	list-style: none;
	display: inline;
	margin-right: 0px;
	margin-left: -4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-top: 10px;
	
}

#header ul .new{
	padding-right: 24px;
	background: url(/images/newLink.gif) top right no-repeat;
}
#header ul .first{
	border-left: none;	
}
#header ul .last{
	border-right: none;	
}

#header a:link, #header a:visited{
	color:#FFFFFF;
}

#header a:hover{ 
	color:#CCFF33;
	border-bottom: none;
	background: none;
}

#content {
	position: relative;
	margin: 0 auto;
	padding-top: 7px;
	text-align:center;
	width: 1000px;
	text-align: left;
	color:#FFFFFF;
	text-shadow: 0 1px 0 #000;
}

#content .column {
	position: relative;
	float: left;
	padding-right: 15px;
}

#contentLeft{
	height: 100%;
	min-height: 100%;
	width: 650px;
	padding-right: 40px;
}

#contentRight{
	min-height: 220px;
	width: 260px;
	padding-left: 15px;
}	

#footer {
	position: relative;
	margin: 0 auto;
    text-align: center;
	width: 830px;
	padding-top: 50px;
	clear: left;
	bottom: 0;
	color: #999999;
	font-size: 85%;
	text-align: center;
}

#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 5px;
	margin-left: 0;
	padding-left: 0;
	padding-right: 5px;
	border-right: #666666 solid 1px;
}

#footer ul li.last{ 
	border-right: none;
}

#footer a:link, #footer a:visited{
	color:#999999;
}

#footer a:hover{ 
	color:#CCFF33;
	background: none;
}

#dropDown {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
	text-align: left;
	position: absolute;
	display: none;
    top: 35px;
	background: #000000;
	border: 1px solid #222222;
    z-index: 5;
    padding: 5px;
    margin-bottom: 0px;
}

#login {
	position: absolute;
	text-align:left;
	font-size: 12px;
	top: 0px;
	right: 0px;
}

/*____________________________________________________
  Form Elements
  ____________________________________________________
*/

form { display: inline; margin: 0; }

.req { 
padding: 3px;
	background: url(/images/input_bg.png) repeat-x top #FFCCCC; 
	border: #CC0000 1px solid; 
	}

.formInput { 
	padding: 3px;
	background: url(/images/input_bg.png) repeat-x top #FFFFFF; 
	border-top: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #444 1px solid;
	border-bottom: #444 1px solid;
	font-size: 13px;
	margin-top: 3px;
	}

/*____________________________________________________
  BUTTONS
  ____________________________________________________
*/	
/**
 *  auto size button
 *  
 *  Common props for all buttons...
 */
.buttonWrapper{
	position: relative;
	text-shadow: 0 -1px 0 #000;
	margin-right: 10px;
}
ul.button, ul.button-cancel, ul.button-save {
	padding: 0px;
	margin: 0px 0;
    padding-left: 10px;
	list-style: none;
	float: left;
}
ul.button li, ul.button-cancel li, ul.button-save li {
	float: left;
}
ul.button li a, ul.button-cancel li a, ul.button-save li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 7px 10px 0 0;
	margin-right: -10px;
	font: 900 14px "Arial", Helvetica, sans-serif;
	line-height: 20px;
}
ul.button li a:link, ul.button li a:visited, ul.button-cancel li a:link, ul.button-cancel li a:visited, ul.button-save li a:link, ul.button-save li a:visited {
 	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top right;
	
}
ul.button li a:hover, ul.button-cancel li a:hover, ul.button-save li a:hover {
 	color: #264100;
	text-shadow: 0 1px 0 #99FF00;
}

/** 
 * Default Button
*/
ul.button li a span {
	float: left;
	padding-right: 10px;
	display: block;
	margin-top: -7px;
    margin-left: -10px;
	padding-left: 1px;
	height: 35px;
}
ul.button li a:link, ul.button li a:visited{
	background-image: url("/resources/htmlapps/assets/images/button.png");
}
ul.button li a span  {
	background: url("/resources/htmlapps/assets/images/button.png");
}
ul.button li a:hover {
	background: url("/resources/htmlapps/assets/images/button_over.png") no-repeat top right;
}
ul.button li a:hover span {
	background: url("/resources/htmlapps/assets/images/button_over.png");
}
/*
	Notification messages
*/
.notify_success {
	color: #2e4600;
	width:100%;
	text-align: center;
	font-weight: bold;
	background: url(/resources/htmlapps/assets/images/success_bg.gif) repeat-x;
	border: 1px solid #2e4600;
	margin: 0px 5px 0px 5px;
	padding: 5px;
	text-shadow: 0 1px 0 #CF9;
}
.notify_error {
	color: #5b1717;
	width:100%;
	text-align: center;
	font-weight: bold;
	background: url(/resources/htmlapps/assets/images/error_bg.gif) repeat-x;
	border: 1px solid #5b1717;
	margin: 0px 5px 0px 5px;
	padding: 5px;
	text-shadow: 0 1px 0 #FCC;
}
.notify_notify {
	color: #2e1c01;
	width:100%;
	text-align: center;
	font-weight: bold;
	background: url(/resources/htmlapps/assets/images/notify_bg.gif) repeat-x;
	border: 1px solid #2e1c01;
	margin: 0px 5px 0px 5px;
	padding: 5px;
	text-shadow: 0 1px 0 #FF9;
}