@import url("reset.css");
@import url("text.css");

/* ---------------- Style starts here ----------------- */


/* general
---------------------*/
.tpp_form_container {
	background-color: #F9F9F9;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px;
	color: #4D4D4D !important;
	margin: 20px 0px;
}

.tpp_form_container a {color: #F05B01; text-decoration: none; }
.tpp_form_container a:hover {color: #999; text-decoration: underline; }
/*a:visited {color: #999; text-decoration: none; }*/

.tpp_form_container .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.tpp_form_container .floatleft {float: left;}
.tpp_form_container .floatright {float: right;}
/* --- end general --- */


/* main-content
---------------------*/
.tpp_form_container #option-container {
	display: block;
	width: 940px;
	margin: 0px auto;
}

.tpp_form_container #option-container {
	display: block;
	width: 790px;
	margin: 0px auto;
}

/* left-content
---------------------*/
.tpp_form_container .left-container {
	display: block;
	width: 175px;
	float: left;
}

.tpp_form_container .side-header {
	disply: block;
	background: #1D1F26 url(../img/bg-side-header.png) repeat-x 0px -1px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
}

.tpp_form_container .side-header h1 {
	disply: block;
	background: url(../img/logo-tpp.png) repeat-x -6px -1px;
	margin: 0px;
	text-indent: -9999px;
	height: 50px;
}

.tpp_form_container .side-header ul.social-media {
	display: block;
	margin: 9px 0px 2px 0px;
	padding: 0px;
}

.tpp_form_container .side-header ul.social-media li {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 38px;
	width: 40px;
	margin: 0px;
	float: left;
	margin-right: 15px;
}

.tpp_form_container .side-header ul.social-media li.twitter a, .tpp_form_container .side-header ul.social-media li.facebook a, .tpp_form_container .side-header ul.social-media li.rss a {
	display: block;
	height: 37px;
	width: 38px;
}

.tpp_form_container .side-header ul.social-media li.twitter  {
	margin-left: 2px;
}

.tpp_form_container .side-header ul.social-media li.rss  {
	margin-right: 0px;
}

.tpp_form_container .side-header ul.social-media li.twitter a {
	background: transparent url(../img/twitter.png) center top;
}

.tpp_form_container .side-header ul.social-media li.twitter a:hover {
	background: transparent url(../img/twitter.png) center -36px;
}

.tpp_form_container .side-header ul.social-media li.facebook a {
	background: transparent url(../img/facebook.png) center top;
}

.tpp_form_container .side-header ul.social-media li.facebook a:hover {
	background: transparent url(../img/facebook.png) center -36px;
}

.tpp_form_container .side-header ul.social-media li.rss a {
	background: transparent url(../img/rss.png) center top;
}

.tpp_form_container .side-header ul.social-media li.rss a:hover {
	background: transparent url(../img/rss.png) center -36px;
}

.tpp_form_container .side-nav {
	display: block;
	margin-bottom: 15px;
}

.tpp_form_container .side-nav ul.nav {
	display: block;
	margin: 0px;
	padding: 0px;
}

.tpp_form_container .side-nav ul.nav li {
	display: block;
	list-style-type: none;
	margin: 0px;
}

.tpp_form_container .side-nav ul.nav li:first-child a {
	-moz-border-radius-topleft: 5px !important;
	-moz-border-radius-topright: 5px !important;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.tpp_form_container .side-nav ul.nav li a {
	display: block;
	margin: 2px 0px;
	list-style-type: none;
	padding: 7px 9px;
	background-color: #EDEDED;
	border: 1px solid #E2E2E2;
	font-weight: bold;
}

.tpp_form_container .side-nav ul.nav li a:hover, .tpp_form_container .side-nav ul.nav li.active a {
	text-decoration: none;
	background: url(../img/bg-side-nav-hover.png) 0px -1px repeat-x;
	border: 1px solid #F05B01;
	color: #fff;
}



/* right-content
---------------------*/
.tpp_form_container .right-container {
	display: block;
	float: left;
	margin-left: 15px;
	width: 568px;
}

.tpp_form_container .right-container h1 {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../img/bg-h1.png) 0px 0px repeat-x;
	color: #fff;
	font-size: 22px;
	font-style: italic;
	padding: 10px 15px;
	-moz-border-radius-topleft: 5px !important;
	-moz-border-radius-topright: 5px !important;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	margin-bottom: 2px;
}

.tpp_form_container .right-container .form-container {
	display: block;
}

.tpp_form_container .right-container .form-container ul.form-list {
	display: block;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.tpp_form_container .right-container .form-container ul.form-list li {
	display: block;
	list-style-type: none;
	background: url(../img/bg-li-form.png) 0px -2px repeat-x #e6e6e7;
	margin: 3px 0px;
	padding: 20px;
	border: 1px solid #e6e6e7;
}

.tpp_form_container .right-container .form-container ul.form-list li a {
	color:#F26F21;
	text-decoration:underline;
}

.tpp_form_container .right-container .form-container ul.form-list li a:hover {
	color:#333;
	text-decoration:none;
}

.tpp_form_container .right-container .form-container ul.form-list li a.foursquare_signin {
	clear:both;
	float:left;
	position:relative;
	width:180px;
	height:24px;
	background:url(../img/signinwith-foursquare.png) no-repeat;
	text-indent:-9999em;
}

.tpp_form_container .right-container .form-container ul.form-list li a.foursquare_signin:hover {
	background:url(../img/signinwith-foursquare.png) no-repeat 0 -24px;
}

.tpp_form_container .right-container .form-container ul.form-list li.error {
	background-image: none;
	background-color: #FFEEEF;
	border: 1px solid #C1272D;
}

.tpp_form_container .right-container .form-container ul.form-list li label.general-label {
	display: block;
	float: left;
	font-weight: bold;
	position: relative;
	width: 160px;
	padding: 5px 20px 0 0;
}

.tpp_form_container .right-container .form-container ul.form-list li .general-input {
	display: block;
	float: left;
	position: relative;
	width: 330px;
}

.tpp_form_container .right-container .form-container ul.form-list li .general-input > p {
	margin-top:5px;
}

.tpp_form_container .right-container .form-container ul.form-list li input[type=text]{
	display: block;
	width: 100%;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}

.tpp_form_container .right-container .form-container ul.form-list li input[type=text]:hover, .tpp_form_container .right-container .form-container ul.form-list li input[type=text]:focus,
.tpp_form_container .right-container .form-container ul.form-list li textarea:hover, .tpp_form_container .right-container .form-container ul.form-list li textarea:focus {
	border: 1px solid #F05B01;
}

.tpp_form_container .right-container .form-container ul.form-list li textarea {
	display: block;
	width: 100%;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.tpp_form_container .right-container .form-container ul.form-list li span.help-text, .tpp_form_container .right-container .form-container ul.form-list li span.error-text {
	display: block;
	margin-top: 3px;
	color: #666;
	font-style: italic;
	font-size: 12px;
}

.tpp_form_container .right-container .form-container ul.form-list li span.error-text {
	color: #C1272D;
	font-weight: bold;
}

.tpp_form_container .right-container .form-container .button {
	display: block;
	float: right;
	margin: 10px 0px;
}

.tpp_form_container .right-container .form-container .button input.submit, .tpp_form_container .right-container .form-container .button input.restore {
	background: transparent url(../img/bg-form-button.png) repeat-x scroll 0px -2px;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 37px;
	margin: -1px 0 0;
	text-transform: uppercase;
	vertical-align :middle !important;
	width: 140px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
	padding:0 0 2px 0;
	outline:0;
}

.tpp_form_container .right-container .form-container .button input.submit:hover {
	background: transparent url(../img/bg-form-button.png) repeat-x scroll 0px -45px;
	color: #333;
}

.tpp_form_container .right-container .form-container .button input.restore {
	background: transparent url(../img/bg-form-button-restore.png) repeat-x scroll 0px -2px;
	width: 165px;
	margin-right: 0px;
}

.tpp_form_container .right-container .form-container .button input.restore:hover {
	background: transparent url(../img/bg-form-button-restore.png) repeat-x scroll 0px -45px;
	color: #333;
}


/*------------------------------ custom-checkbox-radio ------------------------------------*/

/* wrapper divs */
.tpp_form_container .custom-checkbox, .tpp_form_container .custom-radio { 
	clear:both;
	float:left;
	margin:5px 0 8px;
	position:relative;
}
	
/* input, label positioning */
.tpp_form_container .custom-checkbox input, 
.tpp_form_container .custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
	outline: 0;
}

.tpp_form_container .custom-radio input[type=radio] {
	outline: 0;
}

.tpp_form_container .custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	line-height: 1;
	padding: 3px 0px 1px 23px;
	cursor: pointer;
}

.tpp_form_container .custom-checkbox label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	line-height: 1;
	padding: 3px 0px 1px 23px;
	cursor: pointer;
}

.tpp_form_container .custom-checkbox label {
	background: url(../img/bg-checkbox.png) no-repeat; 
}

.tpp_form_container .custom-radio label { 
	background: url(../img/bg-radio.png) no-repeat; 
}

.tpp_form_container .custom-radio label {
	background-position: -11px -8px;
}

.tpp_form_container .custom-checkbox label {
	background-position: -8px -7px;
}

.tpp_form_container .custom-radio label.hover {
	background-position: -11px -105px;
}

.tpp_form_container .custom-checkbox label.hover{
	background-position: -8px -38px;
}

.tpp_form_container .custom-radio label.checked {
	background-position: -11px -71px;
}

.tpp_form_container .custom-checkbox label.checked {
	background-position: -8px -72px;
}

.tpp_form_container .custom-checkbox label.checkedHover {
	background-position: -8px -106px;
}

.tpp_form_container .custom-checkbox label.focus, 
.tpp_form_container .custom-radio label.focus {
	outline: none;
}

.tpp_form_container input:focus { outline: none !important; }

.tpp_form_container .tooltips {
	display: none;
	position: absolute;
	background-color: #2c2d30;
	padding: 10px;
	width:250px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #333;
	color:#70C61B;
	top: -50px;
	margin-left: -127px;
	z-index:9999;
}


.tpp_form_container .tooltips .pointer {
	background: transparent url(../img/arrow-info.png) no-repeat top left;
	margin: 0 auto;
	bottom: -25px;
	width: 28px;
	height: 20px;
	position: relative;
	display: block;
}

.tpp_form_container .tooltips p {
	margin: 0px;
	font-style: italic;
}
/*------------------------------ end-custom-checkbox-radio ------------------------------------*/

/*--------------------------- NEW!!! Default styles and styles for single-select ------------------------------*/
.tpp_form_container ul.newList * {margin:0; padding:0;}
.tpp_form_container ul.newList a {color: #000; text-decoration:none; display:block;}
.tpp_form_container ul.newList {margin:0; padding:0; list-style:none; color:#000; width:290px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.tpp_form_container .newListSelected {width: 340px; color:#000; padding: 0px; height: 27px; background: url(../img/bg-select.png) no-repeat 313px 2px #fff; border: 1px solid #B2B2B2; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/*.newListSelected span {width:284px; display:block;}*/

.tpp_form_container ul.newList { width: 339px; }
.tpp_form_container ul.newList li {display: block; background: none !important; padding: 0px !important; margin: 0px !important; border: none !important;}
.tpp_form_container ul.newList li a {padding:3px 8px; display: block;}
.tpp_form_container ul.newList li a:focus {-moz-outline-style: none;}

.tpp_form_container .selectedTxt {width:310px; overflow:hidden; height: 19px; padding:4px 36px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.tpp_form_container .hiLite {background:#F05B01!important; color:#fff!important;}
.tpp_form_container .hiLite a {background:#F05B01!important; color:#fff!important;}

.tpp_form_container .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.tpp_form_container .newListSelHover, .tpp_form_container .newListSelFocus {background-position: 313px -29px; cursor:default;}.

.tpp_form_container .newListOptionTitle {font-weight:bold;}
.tpp_form_container .newListOptionTitle ul {margin:3px 0 0;}
.tpp_form_container .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}
/*--------------------------- End NEW!!!! Default styles and styles for single-select ------------------------------*/

/* Layout helpers
----------------------------------*/
.tpp_form_container .ui-helper-hidden { display: none; }
.tpp_form_container .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.tpp_form_container .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.tpp_form_container .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tpp_form_container .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
.tpp_form_container * html .ui-helper-clearfix { height:1%; }
.tpp_form_container .ui-helper-clearfix { display:block; }
/* end clearfix */
.tpp_form_container .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers
----------------------------------*/
/*.ui-widget {}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}*/
.tpp_form_container .ui-widget-content { border: 1px solid #dddddd; color: #333333; }
.tpp_form_container .ui-widget-content a { color: #333333; }
.tpp_form_container .ui-widget-header { background: #fff url(../img/bg-tabs.png) repeat-x; color: #ffffff; }
.tpp_form_container .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.tpp_form_container .ui-state-default, .tpp_form_container .ui-widget-content .ui-state-default { background: url(../img/bg-tabs-default.png) repeat-x 0px -1px; color: #fff; outline: none; font-weight: bold !important;  border-left: 1px solid #F05B01; border-top: 1px solid #F05B01; border-right: 1px solid #F05B01; float:left; height:31px;}
.tpp_form_container .ui-state-default a, .tpp_form_container .ui-state-default a:link, .tpp_form_container .ui-state-default a:visited { color: #fff; text-decoration: none; outline: none; }
.tpp_form_container .ui-state-hover, .tpp_form_container .ui-widget-content .ui-state-hover, .tpp_form_container .ui-state-focus, .tpp_form_container .ui-widget-content .ui-state-focus { background: url(../img/bg-tabs-hover.png) repeat-x 0px -1px; color: #4d4d4d; outline: none;  border: 1px solid #ccc; height:30px;}
.tpp_form_container .ui-state-hover a, .tpp_form_container .ui-state-hover a:hover { color: #4d4d4d; text-decoration: none; outline: none; }
.tpp_form_container .ui-state-active, .tpp_form_container .ui-widget-content .ui-state-active { background: url(../img/bg-tabs-active.png) repeat-x 0px -1px; color: #4d4d4d; outline: none; font-weight: bold !important; border: 1px solid #ccc; }
.tpp_form_container .ui-state-active a, .tpp_form_container .ui-state-active a:link, .tpp_form_container .ui-state-active a:visited { color: #4d4d4d; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.tpp_form_container .ui-state-highlight, .tpp_form_container .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.tpp_form_container .ui-state-highlight a, .tpp_form_container .ui-widget-content .ui-state-highlight a { color: #363636; }
.tpp_form_container .ui-state-error, .tpp_form_container .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.tpp_form_container .ui-state-error a, .tpp_form_container .ui-widget-content .ui-state-error a { color: #ffffff; }
.tpp_form_container .ui-state-error-text, .tpp_form_container .ui-widget-content .ui-state-error-text { color: #ffffff; }
.tpp_form_container .ui-state-disabled, .tpp_form_container .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/*.ui-priority-primary, .ui-widget-content .ui-priority-primary {}*/
.tpp_form_container .ui-priority-secondary, .tpp_form_container .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Misc visuals
----------------------------------*/

/* ADDED SPECIFICALLY FOR GPRESS */
h1.brand_name {
	display:none !important;
}
.tpp_form_container .side-header ul.social-media {
	margin-top:3px !important;
}
/* END OF GPRESS SPECIFIC CSS */

/* Corner radius */
.tpp_form_container .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.tpp_form_container .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.tpp_form_container .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.tpp_form_container .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.tpp_form_container .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.tpp_form_container .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.tpp_form_container .ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.tpp_form_container .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.tpp_form_container .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Tabs
----------------------------------*/
.tpp_form_container .ui-tabs { zoom: 1; }
.tpp_form_container .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 24px  16px 0; -moz-border-radius-bottomleft: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; }
.tpp_form_container .ui-tabs .tpp_form_container .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 4px 0px 0; padding: 0; }
.tpp_form_container .ui-tabs .ui-tabs-nav li { margin-right:5px; }
.tpp_form_container .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 8px 15px; }
.tpp_form_container .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; float:left; height: 31px; }
.tpp_form_container .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tpp_form_container .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .tpp_form_container .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.tpp_form_container .ui-tabs .ui-tabs-nav li a, .tpp_form_container .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.tpp_form_container .ui-tabs .ui-tabs-panel { padding: 15px; display: block; border-width: 0; background-color: #fff; -moz-border-radius-bottomleft: 5px !important; -moz-border-radius-bottomright: 5px !important; -webkit-border-radius-bottom-left: 5px !important; -webkit-border-radius-bottom-right: 5px !important; }
.tpp_form_container .ui-tabs .ui-tabs-hide { display: none !important; }

/* Debug View
----------------------------------*/
.tpp_form_container .debug_div { border-left:1px solid #CCC; border-right:1px solid #CCC; margin:-2px 0 0 -1px; }
.tpp_form_container .debug_div, .tpp_form_container .debug_div span, .tpp_form_container .debug_div div { clear:both; float:left; width:100%; }
.tpp_form_container .debug_div { background:#FFF; width:90%; padding:5%; font-family:"Courier New", Courier, monospace; font-size:11px; }
.tpp_form_container .debug_div span.main_header { clear:both; float:left; background:#F26F21; padding:10px 0; width:100%; color:#FFF; font-weight:bold; text-align:center; margin:5px 0; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
.tpp_form_container .debug_div span.header { clear:both; float:left; background:#333; padding:10px 0; width:100%; color:#FFF; font-weight:bold; text-align:center; margin:5px 0; font-size:15px; font-family:Arial, Helvetica, sans-serif; }
.tpp_form_container .debug_div span.spacer { clear:both; float:left; width:100%; height:20px; }
.tpp_form_container .debug_div div.pre_pre { clear:both; float:left; width:100%; }