/* CSS Document */

html {
  font-size: 0.65em; /* 16 * 0.75 = 12 */
  color: #333;
  padding: 0 10px;
  margin: 0 auto;
}

body {
  margin: 0 auto;
  line-height: 1.5em;
  font-family: Sans-Serif;
  background: #E9E9E9;
}

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 24px;
  color: #4367B0;
}

p {
  font-size: 1.350em;
  line-height: 1.45em;
  margin: 1.25em 0;
  text-align: left;
}

h1 {
  font-size: 3em; /* 24px --> 24 ÷ 16 = 1.5 */
  line-height: 1em; /* 24px --> 24 ÷ 24 = 1 */
}

h2 {
  font-size: 2em; /* 22px --> 22 ÷ 16 = 1.375 */
  line-height: 1.0909em; /* 24px --> 24 ÷ 22 = 1.090909(09) */
  padding-bottom: 6px;
  border-bottom: 1px solid #ccc;
}

h3 {
  font-size: 1.25em; /* 20px --> 20 ÷ 16 = 1.25 */
  line-height: 1.2em; /* 24px --> 24 ÷ 20 = 1.2 */
}

h4 {
  font-size: 1.125em; /* 18px --> 18 ÷ 16 = 1.125 */
  line-height: 1.333em; /* 24px --> 24 ÷ 18 = 1.3333333(3) */
}

h5, h6 {
  font-size: 1em; /* 16px --> 16 ÷ 16 = 1 */
  line-height: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */
}

ul, ol {
  margin-bottom: 24px;
    /* Remember, if your magic number is
    different to this, use your own. */
}

ul {
  list-style: square outside;
}

ul li, ol li {
  margin: 0 0 10px 25px;
  font-size: 1.150em;
}

img {
	margin: 1.25em 0;
}

/* portal specific - chrome */

#mainContent {
	background-color: #fff;
	min-height: 550px;
	padding-top: 35px;
}

#header {
	background: url(/skins/Skin_21/images/CowboyPortal/swoosh.png) no-repeat #fff 0 79px;
	min-height: 128px;
}

/*#header .grid_6  .box, #mainContent .grid_6 .box {
	padding: 0 20px 0;
}*/

.box {
	padding: 0 20px 0;
}


#headerRight{
	position: relative;
	top: 30px;
	left: 10px;
}

#headerRightTwo {
	position: relative;
	top: 100px;
	left: 30px;
}

#headerRightTwo p {
	margin: 0;
}

#headerRightTwo img {
	margin: 0;
}

#headerLeft img {
	margin-bottom: 0;
}

#headerRight p {
	margin-bottom: 0;
	position: relative;
	left: -45px;
}

#headerRight img {
	margin-top: 0;
}

#headerRight img, #headerRight p {
	float: right;
}

#userNameContainer {
	display: block;
	float: left;
	position: relative;
	top: 45px;
	left: 130px;
}

#userLinks {
	text-align: right;
	margin-top: 10px;
}

#portalContainerTop, #portalContainerBottom {
	width: 960px;
	margin: 0 auto 0 auto;
}

#portalContainerTop {
	background: url(/skins/Skin_21/images/CowboyPortal/chrome-top.png) no-repeat;
	height: 11px;
}

#portalContainerBottom {
	background: url(/skins/Skin_21/images/CowboyPortal/chrome-bottom.png) no-repeat;
	height: 39px;
}

/* search form specific */

#topsearchform {
	margin-top: -10px;
}

.CustomButton, .CustomSearch {
	float: right;
}

.CustomSearch input[type=text] {
	width: 235px;
}

/* footer specific */

#footer {
	text-align: center;
}

/* Portal Workflow */

.ucControlText, .ucControlText a {
	display: block;
}

.ucControlText {
	float: right;
}

.ucControlText a {
	float: left;
	margin-right: 10px;
}

/* Buttons */

.portaBigButtonRight, .portaBigButtonLeft, .portaBigButtonMiddle {
	display: block;
	float: left;
	margin: 5px 0 5px 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.portaBigButtonLeft {
	background: url('/skins/skin_21/images/CowboyPortal/PortalButton3Left.png') no-repeat;
	height: 50px;
	width: 20px;
}

.portaBigButtonMiddle {
	background: url('/skins/skin_21/images/CowboyPortal/PortalButton3Body.png') repeat-x;
	height: 50px;
	min-width: 170px;
}

.portaBigButtonRight {
	background: url('/skins/skin_21/images/CowboyPortal/PortalButton3Right.png') no-repeat;
	height: 50px;
	width: 20px;
}

.portaBigButtonText {
	display: block;
	margin: 18px 0 0 0;
	text-align: center;
	padding: 0;
}

/* Forms */


input[type=text] {
	margin: 6px 0 0 0;
	padding: 6px;
	width: 200px;
}

.asterisk, .requiredFields  {
	color: red;
}

.tableGrid {
	border-collapse: collapse;
}

td.label {
	text-align: right;
	vertical-align: middle;
	padding: 0 5px 0 0;
	width: 120px;
}

.requiredFields {
	display: block;
	margin-top: 15px;
}


label {
	font-size: 1.250em;
	text-align: right;
	padding: 0;
}

#forgotPasswordTxt {
	font-size: 1.095em;	
	margin-bottom: 3px;
	margin-top: 0;
}
legend h2 {
	margin: 0;
}



/* Login Form Specific */

#createAccount {
	display: block;
	width: 145px;
	height: 42px;
	background: url('/skins/skin_21/images/CowboyPortal/createAccountButton.png') no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

#createAccount:hover {
	background-position: 0 -46px;
}

#formCopy p {
	font-size: 1.675em;
}

#formCopyTwo .box {
	padding-left: 50px;
	padding-right: 0;
	padding-top: 0;
}

#formCopy img {
	margin-left: 50px;
}

#loginForm {
/*	border: 1px solid #ccc;
*/
}

#loginForm h2 {
	margin-bottom: 5px;
}

#loginForm {
	padding: 20px 0;
}

#loginForm fieldset, #forgotPassword fieldset {
	border: 1px solid #ccc;
	padding: 0 15px 15px 15px;
}

#loginFormTwo .box {
 padding-top: 0;
}

#loginForm input[type=checkbox], #forgotPassword input[type=checkbox] {
	position: relative;
	top: 2px;
}

#loginForm input[type=button], #forgotPassword input[type=button] {
	padding: 3px;
	margin: 15px 0 0 ;
}

#formLogo .box {
	padding: 0 20px 0 0;
}

#forgotPassword {
	/*display: none;*/
	width: 300px;
}

#forgotPassword input {
	width: 270px;
}

#forgotPassword h2 {
	padding-bottom: 0;
	border: none;
	font-size: 1.4em;
}
	

#forgotPassword p, #forgotPassword label {
	font-size: 1em;
}

#formRight p {
	font-size: 1.250em;
}

#loginContainer {
}

#loginContainer input[type=text] {
	padding: 2px;
	width: 100%;
}


#AccountLoginButton {
	display: block;
	width: 92px;
	height: 27px;
	background: url('/skins/skin_21/images/CowboyPortal/loginButton.png') no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	position: relative;
	top: 20px;
	font-size: 0;
	line-height: 0;
}

#AccountLoginButton:hover {
	background-position: 0 -31px;
}

#ForgotPasswordButton {
	display: block;
	width: 176px;
	height: 52px;
	background: url('/skins/skin_21/images/CowboyPortal/requestNewPasswordButton.png') no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	position: relative;
	top: 2px;
	left: 45px;
	font-size: 0;
	line-height: 0;
}

#ForgotPasswordButton:hover {
	background-position: 0 -56px;
}

/*#requestPasswordButton {
	display: inline;
	height: 52px;
	padding: 0 12px 0 0;
	background: transparent url('/skins/skin_21/images/CowboyPortal/flexibleButton.png') no-repeat 100% -96px;
	border: none;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: 2px;
	left: 20px;
}

#requestPasswordButton:hover {
	background-position: 100% -144px;
}
*/


/*.portalButton {
	display: inline;
	height: 52px;
	background: transparent url('/skins/skin_21/images/CowboyPortal/flexibleButton.png') no-repeat -1px 8px;
	border: none;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: 2px;
	left: 35px;
	float: left;
	color: #fff;
}

.portalButtonRight {
	display: inline;
	height: 52px;
	width: 33px;
	background: transparent url('/skins/skin_21/images/CowboyPortal/flexibleButton.png') no-repeat -543px -104px;
	border: none;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: 2px;
	left: 35px;
	float: left;
}
*/

#btnChgPwd {
	display: block;
	width: 145px;
	height: 42px;
	background: url('/skins/skin_21/images/CowboyPortal/changePasswordButton.png') no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}

#btnChgPwd:hover {
	background-position: 0 -46px;
}


#txtUserEmail {
	background-color: #fbfbfb;
	margin-bottom: 3px;
}

#txtPassword {
	background-color: #fbfbfb;
	margin-bottom: 8px;
}



.inputFocusOff {
	background-color: #fff !important;
}

.smallFormText {
	font-size: 1em;
}

.keepLoggedIn {
	position: relative;
	top: -2px;
}
#logo_login {
	float: left;
	width: 260px;
	height: 60px;
	margin-right: 10px;
	padding-bottom: 3px;
	display: block;
}
#logo_login b {
	display: none;
}
#logo_login img{
 
	
	height: 60px;
	 
}#UCPortalLogo_login {
	width: 300px;
	float: left;
	margin: 0 0 0 25px;
}

#UCPortalLogo_login span {
	display: block;
	font-size: 25px;
	font-style: italic;
	color: #828186;
	position: relative;
	top: 2px;
}
#UCPortalAccountLinks1 {
	float: right;
	font-size: 12px;
	margin: 0 15px 0 0;
	width: 450px;
	text-align: right;
}
#horizNav_Chat1 a.livechat {
	background: url('../images/chat_b2b.png') no-repeat right center ;
	display: block;
	width: 62px;
	height:22px; 
	float: right;
	font-size: 1.1em;
	text-align: left;
	margin: 3px 10px 0 0;
	padding-top:2px;
	text-decoration: none;
}
#horizNav_Chat1 a.livechat:hover {
	text-decoration: none;
	background: url('../images/chat_b2b_hover.png') no-repeat right center ;
	}
	
/*Start Javascript disabled*/
 .no-js
 {
 	font-size:small;
 	font-weight:bold;
 	background-color:#C93636;
 	color:White;
 	height:35px;
 	text-align:center;
 	padding-top:5px;
 	padding-bottom:5px;
	/*padding-left: 80px;*/
 	/*margin: 10px; padding: 10px; border: 1px solid #cc3; background: #C93636; font-weight: bold; color: #fff;height:60px;*/
 }
 /*End Javascript disabled*/