﻿body 
{
	font: 12px arial,tahoma,sans-serif;
}

.loginTableHeader
{
	border: 1px solid #5B483F;
	/*background-color: #fff;*/
	background-color: #FBFCFE;
}

.txtbox 
{
	font-family: Verdana;
	font-size: 12px;
	color: #313131;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #6D564C;
	padding:3px;
	background-color:#F6F6FC;
}
	
.button
{
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #394A58;
    font-weight: bold;
    font-size: 11px;
    color: #37424A;
    height: 24px;
    font-family: Arial, Verdana;
    margin-right: 5px;
    padding-bottom: 2px;
    cursor: pointer;
    background: -moz-linear-gradient(top,  #efeeee 0%, #8996A0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeeee), color-stop(100%,#8996A0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efeeee 0%,#8996A0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efeeee 0%,#8996A0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efeeee 0%,#8996A0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efeeee 0%,#8996A0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeeee', endColorstr='#8996A0',GradientType=0 );
    box-shadow: 0 8px 6px -6px #37424A;
}

.ErrorAlertBox 
{
	border: 1px solid #ff2d2d;		
	padding: 3px 3px 3px 5px; 
	BACKGROUND-COLOR: #ffe6e6;
	background-image: url('../images/info2.gif'); 
	background-repeat: no-repeat;	
	background-position: .2em .2em;
	height:18px;
}
.ErrorAlertText 
{
	FONT-SIZE: 10px; 
	COLOR: #cc0000; 
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	padding:20px;
}

.ConfirmationAlertBox
{
	border: 1px solid #04b4ff;
	padding: 6px 5px 5px 5px;
	background-color: #E1F6FF;
	background-image: url('../images/info.gif' );
	background-repeat: no-repeat;
	background-position: .4em .4em;
	height: 15px;
	vertical-align: middle;
}
.ConfirmationAlertText
{
	font-size: 11px;
	color: #0457b3;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 20px;
}
.contenttd
{
	background-image: url('../images/contenttd-bg.gif' );
	background-color: #f4f5fb;
	background-repeat: repeat-x;
	padding: 10px 20px 10px 20px;
}
.masterInfotdStyle
{	
	background-color: #f3f4f9;	
}
.masterFooter
{
	background-color: #362C26;
}
.loginTdHeader
{
	background-color: #909CA5;
	color: #fff;
	padding-left:10px;
	font-size:18px;
	height: 30px;
}
.topbanner
{
	height:5px;
	background-color:#362C26;
}
.loginHeaderStyle
{
	/*background-image: url('../images/kiwi-bgswish.jpg' );*/
	background-color:#F3F4F9;
	height:460px;
	background-repeat:no-repeat;
}
.loginTableFooter
{
	background-image: url('../images/loginfooterimg.gif' );
	background-repeat:no-repeat;
	height:104px;
	width:380px;
	display:inline-block;
}

/********* Update Progress ***********/
.overlay
{
    position: fixed;
    z-index: 99998;
    top: 0px;
    left: 0px;
    background-color: #000;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=40);
    opacity: 0.40;
    -moz-opacity: 0.40;
}
* html .overlay
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader
{
    display: block;
    z-index: 99999;
    position: fixed;
    width: 159px;
    height: 79px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #555;
    padding-top: 5px;
    margin-left: -60px;
    top: 50%;
    left: 50%;
    background-image: url('../images/loadingBack.gif' );
    background-repeat: no-repeat;
    filter: Alpha(Opacity=99);
}
* html .loader
{
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 6) + (0 - parseInt(this.offsetParent.clientHeight / 3) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) - 100 ) + 'px');
}

.rdContent
{
    border-collapse: separate;
}
.rightAlign
{
    padding-right: 3px;
    text-align: right;
}
.RadListBox_Default .rlbText, .RadListBox_Default .rlbItem, .RadListBox_Default .rlbButtonText, .RadListBox_Default .rlbEmptyMessage {
    color: #5E6A71;
    font-family: Arial, tahoma, sans-serif;
    font-size: 12px;
}

.headerWrap .brand {
    display: block;
    float: left;
    height: 47px;
    margin: 32px 0 0 69px;
    width: 222px;
}
.headerWrap {
    background: url("../images/bg-logoArchHome.jpg") no-repeat scroll 0 82px rgba(0, 0, 0, 0);
    height: 107px;
    position: relative;
    width: 100%;
    z-index: 1;
}

#header 
{
     background: url("../images/bg-logoArchHome.jpg") no-repeat scroll 0 82px rgba(0, 0, 0, 0);
    height: 107px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.headerWrap .headerRightWrap {
    margin-top: 5px;
    float:right;
}


.ms-siteicon-img {
    display: block;
    max-height: 64px;
    max-width: 180px;
}
.ms-siteicon-img {
    max-width: 222px !important;
}

.topNav {
    margin-bottom: 8px;
    vertical-align:middle;
}

.usrLoginDetails {
    border-right: 1px solid #BFC6CB;
    float: left;
    line-height: 1.5em;
    margin: -4px 3px 0 0;
    padding-right: 5px;
    vertical-align:middle;
}
.usrLoginDetails p > span {
    border-left: 1px solid #BFC6CB;
    display: inline-block;
    max-width: 210px;
    padding-left: 5px;
    white-space: nowrap;
    vertical-align:middle;
}
.usrLoginDetails p {
    color: #394A58;
    display: inline;
    float: left;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    width: 284px;
    vertical-align:middle;
    font-family:Arial,helvetica, Sans-Serif;
    font-size:14px;
    font-weight:700;
    line-height:21px;
}
.usrLoginDetails {
    line-height: 1.5em;
}
.usrLoginDetails p {
    color: #394A58;
    font-weight: bold;
}
.usrLoginDetails > div {
    clear: both;
    color: #B3B3B3;
    float: left;
    font-size: 11px;
    padding-right: 4px;
    text-align: left;
    width: 100%;
}

.clearFloat {
    clear: both;
}

.userProfile {
    float: left;
    list-style: none outside none;
    vertical-align:middle;
}
div.search {
    border: medium none !important;
    display: inline;
    margin-left: 0 !important;
    padding-top: 0 !important;
    width: 198px;
    float:right;
}

.ms-mpSearchBox {
    width: 260px;
}
.ms-floatRight {
    float: right;
}
.ms-mpSearchBox {
    height: 26px !important;
    width: 198px !important;
}

.floatRight {
    float: right !important;
}

.floatLeft {
    float: left;
}
.clearFloat {
    clear: both;
}
.footerWrap .securityQ a {
  color: #37424A;
  text-decoration: none;
}

.footerWrapHide {
  color: #37424A;
  text-decoration: none;
}

#s4-bodyContainer {
    color: #525A5F !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6em !important;
}

.profile > a:first-child {
    height: 36px;
    position: absolute;
    width: 31px;
}
.textoffscreen {
    display: block;
    text-indent: -9999px;
}

.dashboard > a:first-child {
    height: 20px;
    margin-top: 7px;
    width: 21px;
}
.userProfile > li {
    float: left;
}
.profile, .dashboard, .university {
    background: url("../images/headerSprite.png") no-repeat scroll 2px -212px rgba(0, 0, 0, 0);
}
.profile {
    margin: 0 5px 0 4px;
}
.gear, .profile, .dashboard, .university {
    background: url("../images/headerSprite.png") no-repeat scroll -358px -214px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 50px;
    margin-right: 5px;
    width: 31px;
}
#searchInputBox {
    float: right;
    margin-bottom: 12px;
}
#searchInputBox {
    float: right;
    margin-bottom: 0 !important;
    padding-top: 5px !important;
}

div.search input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #5E6A74;
    height: 18px;
    padding-left: 5px;
    width: 137px;
}
div.search input {
    border: 1px solid #CCCCCC !important;
    border-radius: 12px;
    color: #5E6A74;
    font-size: 14px;
    height: 18px;
    margin: 0 !important;
    padding: 2px 20px 2px 15px !important;
    width: 140px;
}
.ms-srch-sb > .ms-srch-sb-searchLink {
    height: 20px;
    margin-left: -1px;
    width: 20px;
}
.ms-srch-sb > .ms-srch-sb-searchLink {
    background: url("../images/bg-containerPageWrap2.jpg") no-repeat scroll -497px -58px rgba(0, 0, 0, 0) !important;
    display: inline-block;
    height: 24px !important;
    line-height: 34px;
    margin: -1px 0 0 -20px !important;
    padding: 0;
    white-space: nowrap;
    width: 38px !important;
}

.topNav a.lastChild {
    border: medium none;
}
.topNav a {
    border-right: 1px solid #8996A0;
    color: #8996A0;
    font-size: 12px;
    padding: 0 7px;
}

.containerPageWrap {
    background: url("../images/bg-containerPageWrap2.jpg") no-repeat scroll 50% 0px rgba(0, 0, 0, 0);
    background-color:#E2E5E7;
}

#contentRow {
    clear: both;    
    padding-top: 25px;
}

.contentWrap.crSubPage {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 #333333;
    margin-bottom: 10px;
    margin-top: 25px;
    max-width: 988px;
    min-height: 300px;    
    position: relative;
    width: 100%;
    
}

.footerWrap {
    /*background: url("../images/bg-footer.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/
    clear: both;
    color: #37424A;
    font-size: 12px;
    margin-top: 12px;
    margin-left:10px;
    min-height: 62px;
    padding: 15px 0 0;
}

.profile > .cr_hsubmenu {
    top: 23px !important;
}
.cr_hsubmenu, .cr_gearsubmenu, .dealerToggle {
    color: #415A68;
    display: none;
    font-size: 12px;
    line-height: 1.2em;
    list-style: none outside none;
    margin-top: 27px;
    position: absolute;
}


/********************* Header Styles **********************/
.headerWrap { height: 107px; width:100%;background: url("../images/bg-logoArchHome.jpg") 0 82px no-repeat; position: relative;z-index: 1; }
.headerWrap .brand{ float:left; display:block; margin: 32px 0 0 69px; width: 222px;height: 47px; }
.toggleDealership{background:url("../images/headerSprite.png") -215px -360px no-repeat; display:inline-block;width:10px;height:6px;}
.headerWrap .headerRightWrap{ float:right; margin-top:34px; }
.headerRightWrap .userProfile{ float:left; list-style:none; }
.headerRightWrap .logout{ float:left; margin: 10px; }
.sectionHead { text-align:right; }
.userProfile>li{float:left;}
.gear, .profile, .dashboard, .university{ width:31px; height:50px; background: url("../images/headerSprite.png") -358px -214px no-repeat; margin-right:5px; cursor: pointer;}
.dashboard { margin-left: 2px; }
.dashboard > a:first-child { width: 21px;height: 20px;margin-top: 7px; }
.profile{margin:0 5px 0 4px;}
.profile > .cr_hsubmenu { top: 23px !important; }
.profile > a:first-child { height: 36px;position: absolute;width: 31px; }
.profile, .dashboard, .university{background: url("../images/headerSprite.png") 2px -212px no-repeat;}
.dashboard{background-position:-130px -211px; height:25px;}
.university{background-position: -125px -243px; height: 30px;}
.university > .cr_iconsubmenu > a:first-child {        height: 23px;        margin-top: 5px;    }
.viewProfile{ background-position:-41px -212px; height:50px; width:31px;}
.gearDropDown{ background-position:-402px -214px; height:50px; width:31px;}