/*	Desc: Evolutility Address Book Login Screen
	Author: Sean Mooney
	
	
	
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html, body {
    font-size: 1em; /* note - browser default is 16px, so 1em = 16px */
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    line-height: 1.3125em; /* 21px; 21 / 16 = 1.3125 */
	color:#000;
}

body {
	background:#fff;
    font-size:100%; /* for proper scaling of text in IE */
	font-family: inherit;
	width:100%;
	text-align:center;
}


#container {
	background:#e3eaf1;
	width:500px;
	margin:50px auto;
	text-align:center;
}

#loginheader {
	background:#4088bf;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size:1.75em;
	line-height:65px;
	text-align:left;
	color:#f0f0f0;
	height:65px;
	overflow:visible;
	padding-left:1em;
}

#loginform {
	text-align:right;
	margin-top:20px;
	margin-right:130px;
	margin-bottom:15px;
}

.inputrow {
	display:block;
	margin-bottom:20px;
}

#txtUserName, #txtPassword {
	background:#fff;
	border:1px solid #103d67;
	width:235px;
	height:20px;
}

label {
	color:#103d67;
	margin-right:15px;
}

div.error {
	color:#ff0000;
	
}

#company_logos {
	height:65px;
	position:relative;
	right:-275px;
}
#company_logos .small_logo {
	height:50px;
	margin-bottom:15px;
	padding-right:10px;
	padding-left:10px;
	border-left:1px solid #204b91;
	vertical-align:middle;
	float:left;
	display:inline;
}
#company_logos .small_logo:first-child {
	border-left:none;
}

/*=COMMON
=== === === === === === === === === === */

/*    Note: all browsers default to 16px font size, or 1em. divide your desired font size by 16 to get the right em value.
    Ex- you want 14px font size, so do this:
    14 / 16 = 0.875, so put "font-size: 0.875em;"
*/

h1 {
}

h2 {
    font-size:1.125em; /* 18px; 18 / 16 = 1.125 */
	line-height:1.25em;
    font-weight:bold;
    color:#000;
}

h3 {
    font-size:1em ; /* 14px; 14 / 16 = 0.875 */
    font-weight:normal;
    margin:0 1em 1em; /* 18px; 18  / 16 = 1.125 */
    color:#318ce0;
}

h4 {
	font-size:0.75em ; /* 14px; 14 / 16 = 0.875 */
    font-weight:bold;
    margin:0 1.125em; /* 18px; 18  / 16 = 1.125 */
    color:#2f2f2f;
}

p, q, address, ul, ol {
    font-size:0.75em; /* 12px; 12 / 16 = 0.75 */
    padding:0 0.75em 1.125em 0.75em; /* 18px; 18 / 16 = 1.125*/
}
ul ul, ol ol {
	font-size:1em;
}

img {
	border: 0;
}
a:link {
	color:#003fa3;
}
a:visited {
	color:#003fa3;
}
a:hover, a:focus {
	color:#0076bf;
}
a:active {
	color:#fff;
}

blockquote {
	font-style:italic;
	font-size: 1.125em;
	margin:0.875em 1.875em 1.875em 1.875em;
	color: #0076bf;
}

strong {
	font-weight: bold;
}

#images img {
	border:1px solid #f1f1f1;
	margin-bottom:25px;
	float:left;
}

/*=FORMS
=== === === === === === === === === === */
form {
	font-family:Helvetica, Arial, sans-serif;
}



/*=CLASSES
=== === === === === === === === === === */
.error					{ color:#ff0000; font-weight:bold; }
.emphasize				{ font-weight:bold; }
.small					{ font-size: 0.675em; }
.letterspace_caps		{ letter-spacing:0.075em; text-transform:uppercase; }
.highlight				{ background:#f0ecdb; }
.underline				{ text-decoration:underline; }
.strikethrough			{ text-decoration:line-through; }
.bullet-plus			{ list-style-type:disc; list-style-image:url(../images/bullet_plus.gif); list-style-position:outside; line-height:2em; padding-left:3em;}
.nobullet 				{ list-style-type:none; list-style-image:none; }
.nobullet li			{ padding-left:2em; }
.disc					{ list-style-type:disc; list-style-position:inside; }
.ordered				{ list-style-type:decimal; }
.teaser					{ font-size:1.286em; line-height:1.286em; margin:1.286em; color:#0076bf; }
.breadcrumb				{ font-size:0.625em; margin:0 0 0 1.3125em; color:#0076bf;/*#133785;*/ }