
#content-wrapper {
       background-image:none;
}

.content {
       background-color: #FFFFFF;
}

/* BEGIN: Welcome Page carousel */
.carousel.slides {
    padding:0px;
}

.slideList {
    width: 100%;
    height: 400px;
}

.slideList li {
    position:absolute;
    /*left:0px;*/
    display:none;
    right:0px;
    top:82px;
}
.slideList li img {
    border-bottom:10px solid #B94848;
}

.slideList li.active {
    display: block;
}

/**** Carousel Tabs ****/
.carousel.slides > .carouselLinks {
    position:relative;
    width: 300px;
    margin: 75px 0px 0px 6px;
    float: right;
    text-align: right;
    z-index:100;
    border:1px solid red;
}


.carousel.slides > .bulletLinks li.selected a {
    background: #F58021;
    border:1px solid #D2D2D2;
}

.bulletLinks {
    position: relative;
    width: 100%;
    float: right;
    z-index:100;
    list-style:none;
    margin-right:-12px;
}
.bulletLinks li{
    float: left;
    list-style:none;
}
.bulletLinks a {
    background: #005397;
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: none;
	  border: 1px solid #D2D2D2;
}
.bulletLinks a:hover {
    background: #2180f5;
}
/* END: Welcome Page carousel */

/* BEGIN Landing Promotional/login CSS */
#landing-wrapper {
    height:400px; 
    /*position: relative;*/
}

#login-wrapper {
    /*position: absolute;
    left:-12px;
    top: 145px;*/
    position:relative;
    width: 324px;
    height: 350px;
    background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
    zoom: 1;
    padding: 98px 24px 24px 24px;
    float:left;
    z-index:100;
}

#login-logo-wrapper {
    color: #f4f4f4;
    background-color: #005397;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 324px;
    height: 96px;
}


#loginWrapper
{
    position:absolute; 

    margin-top:12px;
    padding:7px;
    width:265px;
    z-index:10;
    display:none;

    text-transform: none;
    color:#000;
    font-weight:normal;
    background-color:#F4F4F4;
    box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.59);            
    -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.59);
    -moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.59);
}
#loginWrapper > div {
    margin-top:15px;
    margin-bottom:15px;
}

ul.badge > li {
    border-radius: 6px; /* Remove this if Logged Out badge gets sub-menu items */
}

.content-wrapper {
    background-color: #FFFFFF;
    background-image: none;
    height: 740px !important;
}

.login-logo-wrapper {
    color: #f4f4f4;
    background-color: #005397;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 46px;
    padding-left: 10px;
}

.login-wrapper {
    position: relative;
    width: 33%;
    height: 240px;
    background: rgb(255,255,255);
    background: transparent\9;
    background: rgba(255,255,255,1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
    zoom: 1;
    padding: 58px 24px 24px 24px;
    float: left;
    z-index: 100;
    margin-left: 0px;
}

.login-wrapper h1 {
    padding-top: 10px
}

.tinc_slide a {
    color: #cccccc;
	text-decoration: none;
}
.tinc_slide a:hover {
    color: #f58021;
}

#login-wrapper h1 {
    padding-top: 10px;
}

#login-logo-wrapper > img {
    margin: 10px;
}

#login-wrapper .button {
    width: 126px;
}

#login-wrapper input[type=submit] {
    margin-right: 4px;
}

#signin-wrapper {
    height:250px;
    margin-bottom:18px;
}
#signin-wrapper-section {
    float:left; 
    width:292px;
    margin-right:18px;
}
#signin-wrapper_background {
    float:left; 
    width:292px; 
    height:250px;
    text-align:left;
    padding-top:30px;
	padding-left:16px;
    color:#FFFFFF;
}
#signin-wrapper_text    {
    font-size:20px;
}
#signin-wrapper_text a {
    color:white;
}
#signin-wrapper_text a:hover, a.over {
    color: #2180f5;
}

#signin-wrapper_text a:active, a.down {
    color:#f58021;
    transition: none;
}


.promo-wrapper {
    position: relative;
    z-index:100;
    margin-right:-12px;
    /*left:342px;
    top: 18px;
    top:145px;
    left: 550px;
    height: 354px;*/
}

.promo-wrapper li {
    display: none;
}

.promo-wrapper li.selected {
    display: block;
}

#promo-wrapper > h1 {
    height: 40px;
    margin: 0px;
    padding: 0px;
    /*text-align: center;*/
    line-height: 36px;
}

#promo-wrapper {
    width: 550px;
    margin-top: 50px;
    float: right;
    /*background-color: #fafafa;*/
    text-align: right;
    /*height: 318px;*/
    list-style:none;
}

.promo-circle {
    margin: 24px 24px 0px 24px;
}

#promo-wrapper p {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    text-align: right;
}

#promo-wrapper h2 {
    font-size:24px;
    color: #fff;
    margin: 10px 0px 10px 0px;
}
#promo-wrapper li {
    list-style:none;
}

#billboard-wrapper {
    position: absolute;
    left: -24px;
    bottom: -24px;
    width: 960px;
    height: 106px;
    background: #005397;
    text-align: right;
}

#billboard-wrapper > img {
    height: 64px;
    margin-right: 24px;
    margin-top: 24px;
}

img.rememberme {
    width: 13px;
    height: 13px;
}

img.emailFlag {
    width: 16px;
    height: 16px;
}

#footer-wrapper {
    /*padding-top:48px;*/
}
/* END Landing Promotional/login CSS */


.logoutMenu {

    position:absolute;
    z-index:100;
    border:1px solid #cccccc;
    width:120px;
    padding:10px;
    padding-left:20px;
    padding-bottom:6px;
    margin-top:0px;
    background-color:#ffffff;
}
.logoutMenu A {
    display:block;
    padding-bottom:10px;
}

/*************
  Marketing
 *************/
#assistance-wrapper {
    overflow:auto; height:425px;
}
#assistance-wrapper > div {
    float:left; 
	margin-bottom:18px; 
	padding:12px; 
	height:200px;
}

#overview-wrapper {
    overflow:auto; height:250px;
}
#overview-wrapper > div {
    float:left; 
	background-color:white; 
	margin-right:6px; 
	margin-left:6px; 
	padding:12px; 
	width:292px; 
	height:100%;
    text-align:center; 
	padding-top:24px;
    color:#FFFFFF;
}
#overview-wrapper > div > div {
    font-size:32px;
}

#clients-wrapper {
    overflow:auto; padding-left:0px;
}
.client {
    float: left;
    margin: 2px 2px 2px 2px;
	padding: 14px;
	background-color: #e6e6e6;
	text-align: left;
}
.clientLogo-wrapper {
    display:block;
    height: 100px; width: 100px;
    margin: 0px; padding: 0px;
    text-align: left;
    background-color: #e6e6e6;
    transition:all ease-in-out .25s 0s;
}
.clientLogo-wrapper:hover {
    background-color:#F4F4F4; /*#48b9b9;*/
}
.clientLogo-wrapper:hover > img {
    -webkit-filter: grayscale(0%);
}
.clientLogo-wrapper > span {
/* helper to vert center the image */
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.clientLogo-wrapper > img {
    -webkit-filter: grayscale(0%) opacity(1.0);
    transition:all ease-in-out .25s 0s;
    max-width: 150px; max-height:150px;
    border: none;
    vertical-align:middle;
    position: relative;
    left:-1px;
}
#clientDisclaimer{
    margin-top:12px;
}


/*****************
   Registration
 *****************/
 
#progressBar-wrapper {
    margin:12px 0px 0px 0px;
}

#register-wrapper {
    background-color:#FFF; 
    padding:12px;
}

#registrationStepList {
    list-style:none;
    width:875px;
    margin:0px; padding:0px;
    overflow:auto;
}

#registrationStepList > li {
    float:left;
    width:20%;
    text-align:center;
    /*font-family:Georgia;*/
    font-weight:bold;
    font-size:12px;
}

#agreement-wrapper {
    height:300px; 
    overflow-y:scroll; 
    border:1px dotted #a8a8a8; 
    padding:18px; 
    margin:12px;
}

#agreement-wrapper > p {
    font-family:Georgia;
    font-size:14px;
    color:#424242;
    font-style:italic;
}

.padLeft {
    padding-left: 33px;
}

.registrationBtn {
    padding: 10px;
    text-align: center;
}

.supportBox {
    font-size: 11px; padding: 3px 0px;
}
.validatorLabel {
    display:inline-block; 
    margin-top:18px;
}
.validatorContainer {
    margin-top:12px;
    display:inline-block; 
    vertical-align:top;
    height:48px;
}

.tblRegister {
    width:100%;
}

.tblRegister td {
    height:46px;
}
.tblRegister span {
    font-style:italic;
    color:#a8a8a8;
}
.tblCostOfChange {
    width:100%;
}

.tblCostOfChange td {
    height:46px;
}
.tblCostOfChange span {
    font-style:italic;   
    color: #51b948;
}
.helpContainer {
    float:left;
    width:440px;
    height:120px;
    padding-left:68px;
    padding-right:40px;   
    display:block;
    position:relative;
    line-height:24px;
}
.supportContainer {
    width:300px;
    float:right;
    margin-right:125px;
    padding-left:50px;
    display:block;
    position:relative;
}

.loginHelpContainer {
    position:relative;
    height:56px;
    display:block;
}
.loginHelpImage {
    width:56px;
    height:56px;
    float:left;
}
.loginHelpTitle {
    height:56px;
    float:left;
    padding-top:14px;
    padding-left:6px;
}
.loginContainer {
    width:350px;
    height:320px;
    padding-top:8px;
    float:right;
    position:relative;
    background-color:#ffffff;
}
.loginSubContainer{
    position:relative;
    width:280px;
    height:230px;
    left:20px;
} 


/*************
  Features 
 *************/
#features-wrapper {
	/* force the div to properly contain the floated images: */
	  position:relative;
	  float:left;
	  clear:none;
	  overflow:hidden;
}
#features-wrapper img {
	  position:relative;
	  z-index:1;
	}

#features-wrapper .desc {
	  display:block;
	  position:absolute;
	  width:48%;
	  top:10%;
	  left:0;
	  z-index:2;
	  text-align:left;
	}
#features-wrapper .desc-title {
	  display:block;
	  position:absolute;
	  width:48%;
	  top:2%;
	  left:0;
	  z-index:2;
	  text-align:left;
	  color:#8dc488
	}
	
#features-wrapper p {
	padding:10px;
    font-size:16px;
	color:#FFFFFF; /*position:absolute;*/ 
	margin-left:0px; 
	margin-top:0px;
	text-align:left;
	position:relative;
	height:275px;
	width:700px;	
}

#features-container {
	display:inline-block;
	font-size:14px;
}

#features-section-title {
	display: block;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

#features-wrapper-body {
	color:#454545; 
	position:relative;
	margin-left:10px; 
	margin-top:0px;
}

#features-process {
	display:block;
	vertical-align: top;
}

#features-process-text {
	margin-top:0px; 
	vertical-align: top;
}

#features-security {

}

ul.no_bullet {
list-style-type: none;
padding: 0;
margin: 0;
}
	
li.square {
background: url('../images/10x10-orange-sq.png') no-repeat left 5px;
padding-left:20px;
padding-right:20px;
display:block;
}

li.square-inverse {
background: url('../images/10x10-orange-sq.png') no-repeat left 5px;
padding-left:20px;
padding-right:20px;
display:block;
color:#FFFFFF;
}

#features-security-title {
	font-size:16px; 
	color:#454545; 
}

#features-security-reverse-text {
	color:#FFF;
}


#features-wrapper-body-reverse-title {
	font-size:16px; 
	color:#FFF; 
}

#features-wrapper ul {
    list-style:none;
    overflow:auto;
    margin:0; padding:0;
    margin-top:6px;
}
#features-wrapper > ul > li {
    float:left;
    width:460px;
    margin:6px;
    background-color:#2180f5;
    color:#F4F4F4;
    text-align:center;
}

#features-wrapper > ul > li > img {
    margin-top:18px;
    margin-bottom:3px;
	
}

#manage {
    float:left; 
	width:600px; 
	height:250px; 
	background-color:#48b9b9; 
	border:1px solid #009797; 
	padding:30px; 
	margin-right:12px; 
	margin-bottom:12px;
}
#manage > img {
    margin-top:30px; 
	padding-right:20px;
}
#manage > p {
    margin-top:60px;
}
#track {
    float:left; 
	width:300px; 
	height:250px; 
	background-color:#51b948; 
	border:1px solid #539700; 
	padding:25px; 
	margin-bottom:12px;
}
#track > img {
    margin-left:55px;
}
#track > p {
    text-align:center;
}
#alignment {
    float:left; 
	width:300px; 
	height:250px; 
	background-color:#b94848; 
	border:1px solid #970000; 
	padding:25px; 
	margin-bottom:12px;
	margin-right:12px;
}
#alignment > img {
    margin-left:55px;
}
#alignment > p {
    text-align:center;
}
#component {
    float:left; 
	width:600px; 
	height:250px; 
	background-color:#b9b948; 
	border:1px solid #979700; 
	padding:25px; 
	margin-bottom:12px;
}
#component > img {
    padding-left:20px;
    margin-top:30px; 
}
#component > p {
    margin-top:50px;
}

#status {
    float:left; 
	width:450px; 
	height:250px; 
	background-color:#3a306b; 
	border:1px solid #1a003c; 
	padding:25px; 
	margin-right:12px;
}
#status > img {
    padding-left:20px;
    margin-top:30px; 
}
#status > p {
    margin-top:25px;
}

#access {
    float:left; 
	width:450px; 
	height:250px; 
	background-color:#ff7d33; 
	border:1px solid #a94300; 
	padding:25px;
}
#access > img {
    padding-left:20px;
    margin-top:40px;
}
#access > p {
    margin-top:40px;
}

/*************
  Help Page 
 *************/

#taservices {
    width:49%; 
	background-color:#4848b9; 
	color:#fff;
	margin-right:18px;
}
#taservices > div {
    float:left; 
	margin-left:12px; 
	margin-right:12px; 
	padding-top:28px;
}
#taservices a {
    color:#ffffff;
}
#taservices a:hover {
    color:#f58021;
}
#licensing {
    width:49%; 
	background-color:#b94848; 
	color:#fff;
}
#licensing > div {
    float:left; 
	margin-left:12px; 
	margin-right:12px; 
	padding-top:28px;
}
#licensing a {
    color:#ffffff;
}
#licensing a:hover {
    color:#f58021;
}
#contact_wrapper {
    width:100%; 
	background-color:#48b9b9; 
	color:#fff;
}
#contact_wrapper > div {
    margin-left:20px; 
	margin-right:20px;
}
#contact_wrapper a {
    color:#ffffff;
}
#contact_wrapper a:hover {
    color:#f58021;
}
/*#contact_help {
    float:left; 
	width:250px;
	color:#ffffff; 
	margin-left:12px; 
	margin-right:12px; 
	padding-top:15px;
}
#contact_help > div {
    height:30px;
	vertical-align:middle;
}
#contact_help > div > img {
    border:0;
}
#contact_help > div > p {
    margin:0;
    padding:0;
}
#contact_help a {
    color:#ffffff;
}
#contact_help a:hover {
    color:#f58021;
}*/

#contact_help_image {
    float:left; 
	width:250px; 
	margin-right:20px; 
	padding-left:10px; 
	padding-top:32px;
}

/*************
  Admin 
 *************/
#adminGroups tr {
    border-bottom:1px solid #dddddd;
    line-height:30px;
}
#adminGroups th{
    border-bottom:2px solid #005397;
    color:#005397;
    font-weight:normal;
    line-height:38px;
    text-align:left;
}
.adminGroups_Header {
    border-bottom:2px solid #005397;
    color:#005397;
    font-weight:normal;
    line-height:18px;
    text-align:left;
}
.adminGroups_row {
    border-bottom:1px solid #dddddd;
    line-height:18px;
}
.adminGroups_row input {
    margin:0;
}
#instructions {
    padding-top:12px;
    font-size:12px;
}

#adminUsers tr {
    line-height:50px;
}


/*************
  Support
 *************/
#faq-wrapper .faq {display:none;}
#faq-wrapper.q1 .q1,
#faq-wrapper.q2 .q2,
#faq-wrapper.q3 .q3,
#faq-wrapper.q4 .q4,
#faq-wrapper.q5 .q5,
#faq-wrapper.q6 .q6,
#faq-wrapper.q7 .q7,
#faq-wrapper.q8 .q8, 
#faq-wrapper.q9 .q9 { display: block; }

#faq-wrapper {
	font-size:14px; 
	color:#454545; 
	line-height:16px;
}

#faq-wrapper-body a:hover {
    font-size:14px; 
	line-height:16px; 
	color:#FF9900; 
	text-decoration:underline;
}

#faq-wrapper-contact {
	font-size:14px; 
	font-weight:bold; 
	color:#000; 
	line-height:18px;
}

.support-wrapper-body {
    font-size:14px;  
	line-height:16px;
}

#support-wrapper p {
    font-size:18px;  
	color:#FFFFFF; /*position:absolute;*/ 
	line-height:24px;
}

#support-section-separator {
    font-size:18px;  
	color:#FFFFFF; /*position:absolute;*/ 
	line-height:24px;
	padding: 10px;
	background-color:#888888;
}

.support-QA-title {
    font-family: LocalArialNarrow, 'Arial Narrow', Arial, sans-serif; 
    font-stretch:condensed;
    text-transform:uppercase;
    font-weight:normal;
	margin:0;
    font-size:20px;
    color:#323232;
    margin-bottom:12px;
}

#questionContainer > a > img {
  position: absolute;
  left: 6px;
  top: 14px;
}

#questionContainer > a {
    position:relative;
    display: block;
    padding: 12px 0px 12px 24px;
}
a.support-selected {
    background-color: #EEEEEE;
}

.support-location-title {
	font-size:16px; 
	font-weight:bold; 
	color:#323232; 
	line-height:18px;
}

.support-location-info {
	font-size:14px; 
	font-weight:normal; 
	color:#323232; 
	line-height:16px;
}

#support-help-sidebar {
	font-size:14px; 
	font-weight:normal; 
	color:#323232; 
	line-height:14px;
	margin-top: 0px;
	background-color:#d5d5d5;
	align-content:left;
}

.  {
	font-size:14px; 
	color:#454545; 
	line-height:16px;
}

/*************
  Self Help
 *************/

.selfHelp-wrapper {
    position: relative;
	float:right;
    z-index:100;
    margin-right:-12px;
    /*left:342px;
    top: 18px;
    top:145px;
    left: 400px;
    height: 400px;*/
}

.selfHelp-wrapper img {
    margin-top:35px;
	float:right;
}

.selfHelp-wrapper li {
    display: none;
}

.selfHelp-wrapper li.selected {
    display: block;
}
.selfHelp-wrapper_text {
    height:325px;
    margin-top:30px
} 

.selfHelp-wrapper li div {
    width:912px
}

#selfHelp-wrapper > h1 {
    height: 40px;
    margin: 0px;
    padding: 0px;
    /*text-align: center;*/
    line-height: 36px;
}

#selfHelp-wrapper {
    /*width: 400px;
    margin-top: 20px;*/
    float:left;
    /*background-color: #fafafa;*/
    text-align: left;
    /*height: 400px;*/
    list-style:none;
}

.selfHelp-circle {
    margin: 24px 24px 0px 24px;
}

#selfHelp-wrapper p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    text-align: left;
}

#selfHelp-wrapper h2 {
    font-size:24px;
    color: #fff;
    margin: 10px 0px 10px 0px;
}

#selfHelp-wrapper li {
    list-style:none;
}