/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF;
}

img {vertical-align:top;
    text-align: center;
}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma; 
		font-size:11px;
		line-height:14px;
		color:#626870;		
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffA500;}
a:hover{text-decoration:none;}
strong {color:#252b32;}

a.linkred:link { color: #ff3000; }
a.linkred:visited { color: blue }
a.linkred:hover {text-decoration:none;}
a.linkred:active { color: red }

/* ============================= main layout ====================== */

.more {background:url(images/more_bg.gif) no-repeat 0 1px; padding:0 0 1px 19px; color:#252b32 !important; font-weight:bold;}
.rss {background:url(images/rss_bg.gif) no-repeat 0 0; padding:0 0 2px 21px; color:#252b32 !important; font-weight:bold;}
.li2 {background:url(images/slist_sm_bg.gif) no-repeat 0 5px; padding:0 0 2px 21px; color:#252b32 !important; font-weight:bold;}

li { background:url(images/more_bg.gif) no-repeat 0 5px; padding-left:29px; line-height:24px; font-size:11px; color:#252b32; font-weight:bold;}
li a {color:#252b32;}

.slist li {background:url(images/slist_bg.gif) no-repeat 0 9px; border-bottom:1px solid #dde0e2; padding:6px 0 7px 30px; font-size:12px;}
.slist li a {color:#6d8ba7; font-weight:normal; text-decoration:none;}
.slist li a:hover { color:#252b32;}

.main { margin:0 auto;}
h1 {background:url(images/logo.jpg) top left no-repeat; text-indent:-10000px; height:40px; line-height:12px; font-size:12px;}
.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= Icon list ====================== */

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
}

.iconlist li a {color:#6d8ba7; font-weight:normal; text-decoration:none;}
.iconlist li a:hover { color: Maroon ;}
.iconlist li span {color:#6d8ba7; font-weight:bold ; text-decoration:none;}
.iconlist li span:hover {color:Maroon; font-weight:bold ; text-decoration:none;}

li.gear
{
background-image: url(images/slist_sm_bg.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding: 3px 0 3px 20px;
margin: .4em 0;
line-height : 13px;
}

li.check
{
background-image: url(images/more_bg.gif);
background-repeat: no-repeat;
background-position: 15px 2px;
padding: 3px 0 3px 40px;
margin: .4em 0;
line-height : 13px;
}

/* ============================= header ====================== */

#header {background:url(images/header_tall.gif) top repeat-x;}

/* ============================= middle ====================== */

#middle { background:url(images/middle_tall.gif) top repeat-x #fcfdfd;}

/* ============================= footer ====================== */

#footer {background:#252b32 url(images/footer_tall.gif) top repeat-x; color:#f8ffff;}
#footer a {color:#f8ffff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .indent {padding:27px 0 0 33px;}


/* ============================= index ============================= */

#index #middle .indent {padding:27px 30px 26px 32px; font-size:12px; line-height:16px;}
#index #middle .column1 .content1 {background:url(images/hor_line1.gif) bottom repeat-x; padding:13px 0 31px 0; margin-bottom:29px;}
#index #middle .column1 ul {margin-top:9px;}
#index #middle .column1 .slist {margin:7px 0 14px 0;}

#index #middle .column2 .content {background:url(images/hor_line2.gif) bottom repeat-x; padding:14px 0 20px 0;}
#index #middle .column2 .content2 {padding:20px 0 20px 0;}
#index #middle .column2 .content3 {padding:25px 0 19px 0;}
#index #middle .column2 a {color:#FF9900; 
font-size:small;
    font-weight: 700;
}
#index #middle .column2 .imgindent {margin:0 5px 0 0;}
#index #middle .column2 p {padding:25px 0 0 0;}
#index #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#index #middle .topText {text-align: left; font-weight: bold}
#index #middle .orangeHeader {text-align: left; color : Orange; font-size: medium; font-weight : bold }

/* ============================= index-1 =========================== */

#index_1 #middle .indent {padding:27px 30px 26px 31px;}
#index_1 #middle .column1 .content1 {background:url(images/hor_line2.gif) bottom repeat-x; padding:14px 0 26px 0; margin-bottom:27px;}
#index_1 #middle .column1 .black {color:#252b32;}
#index_1 #middle .column1 p {padding:14px 0 0 0;}
#index_1 #middle .column1 .content1 img {margin-bottom:22px;}

#index_1 #middle .column2 .content {background:url(images/hor_line1.gif) bottom repeat-x; padding:12px 0 36px 0;}
#index_1 #middle .column2 .content p {padding:4px 0 9px 0;}
#index_1 #middle .column2 .imgindent {margin:0 22px 10px 0;}
#index_1 #middle .column2 .content2 {padding:29px 0 0 0;}
#index_1 #middle .column2 .content2 .pad {padding:11px 0 9px 0;}
#index_1 #middle .column2 .content2 p {padding:4px 0 0 0;}
#index_1 #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#index_1 #middle .topText {text-align: left; font-weight: bold}
#index_1 #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= index-2 =========================== */

#index_2 #middle .indent {padding:27px 30px 26px 32px;}
#index_2 #middle .column1 .content1 {padding:12px 0 0 0; margin-bottom:27px;}
#index_2 #middle .column1 .ind1 {padding:0 0 20px 1px;}
#index_2 #middle .column1 p {padding:4px 0 0 0;}
#index_2 #middle .column1 .content1 .imgindent {margin:0 22px 10px 0;}
#index_2 #middle .column1 .content1 .none {margin-bottom:0;}
#index_2 #middle .column2 .content2 {padding:20px 0 20px 0;}
#index_2 #middle .column2 .content3 {padding:25px 0 19px 0;}
#index_2 #middle .column2 .imgindent {margin:0 5px 0 0;}
#index_2 #middle .column2 a {color:#FF9900; 
font-size:small;
    font-weight: 700;
}

#index_2 #middle .column2 .content {background:url(images/hor_line2.gif) bottom repeat-x; padding:12px 0 24px 0; margin-bottom:27px;}
#index_2 #middle .column2 .content p {padding:4px 0 24px 0;}
#index_2 #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#index_2 #middle .topText {text-align: left; font-weight: bold}
#index_2 #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= index-3 =========================== */

#index_3 #middle .indent {padding:27px 30px 26px 26px;}
#index_3 #middle .column1 .content1 { padding:10px 0 0 0;}
#index_3 #middle .column1 .black {color:#525960;}
#index_3 #middle .column1 .pad1 {padding:12px 0 18px 6px;}
#index_3 #middle .column1 .pad2 {padding:14px 0 0 6px;}
#index_3 #middle .column1 ul {margin:11px 0 0 -1px;}
#index_3 #middle .column1 .content1 .imgindent {margin:0 5px 2px 0;}
#index_3 #middle .column2 a {color:#FF9900; 
font-size:small;
    font-weight: 700;
}

#index_3 #middle .column2 .content {background:url(images/hor_line2.gif) bottom repeat-x; padding:12px 0 36px 0;}
#index_3 #middle .column2 .content p {padding:4px 0 9px 0;}
#index_3 #middle .column2 .imgindent {margin:0 22px 0 0;}
#index_3 #middle .column2 .content2 {padding:29px 0 0 0;}
#index_3 #middle .column2 .content2 .pad {padding:11px 0 9px 0;}
#index_3 #middle .column2 .content2 p {padding:4px 0 0 0;}
#index_3 #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#index_3 #middle .topText {text-align: left; font-weight: bold}
#index_3 #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }
#index_3 #middle .redHeader {text-align: left; color : red; font-size: medium  ; font-weight :  normal  }


/* ============================= index-4 =========================== */

#index_4 #middle .indent {padding:27px 30px 2px 33px;}
#index_4 #middle .column1 .content1 {padding:12px 0 11px 0; margin-bottom:29px; background:url(images/hor_line1.gif) bottom repeat-x;}
#index_4 #middle .column1 p {padding:14px 0 0 0;}
#index_4 #middle .column1 .content1 .imgindent {margin:0 22px 25px 0;}
#index_4 #middle .column1 .cols {padding-top:14px;}

#index_4 #middle .column2 .content {padding:12px 5px 24px 0; margin-bottom:11px;}
#index_4 #middle .column2 .content p {padding:14px 0 0 0;}
#index_4 #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#index_4 #middle .topText {text-align: left; font-weight: bold}
#index_4 #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

#index_4 #middle form .row {height:35px;}
#index_4 #middle form {height:541px;}
#index_4 #middle .input {width:180px; height:18px; border:1px solid #a4a9ae; background:none; padding:0 0 0 5px;}
#index_4 #middle textarea {width:181px; height:162px; 
                           border:1px solid #a4a9ae; background:none; padding:0 0 0 5px; overflow:auto;}
#index_4 #middle form .div {text-align:right; padding:16px 1px 0 0;}

/* ============================= index-5 =========================== */

#index_5 #middle .indent {padding:27px 30px 22px 26px;}
#index_5 #middle .column1 .content1 { padding:11px 0 0 0;}
#index_5 #middle .column1 .black {color:#525960;}
#index_5 #middle .column1 .pad1 {padding:0 0 20px 6px;}
#index_5 #middle .column1 .pad2 {padding:14px 0 17px 6px;}
#index_5 #middle .column1 p {padding:4px 0 0 0;}
#index_5 #middle .column1 .content1 .imgindent {margin:0 6px 1px 0;}
#index_5 #middle .column1 a {color:#FF9900; 
                             font-size:small;
                             font-weight: 700;}

#index_5 #middle .column2 .content { padding:11px 0 0 0;}
#index_5 #middle .column2 .content p {padding:4px 0 14px 0;}
#index_5 #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#index_5 #middle .topText {text-align: left; font-weight: bold}
#index_5 #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= index-6 =========================== */

#index_6 #middle .indent {padding:27px 32px 33px 32px;}
#index_6 #middle .content1 { padding:11px 0 0 0;}
#index_6 #middle p {padding-top:14px;}
#index_6 #middle .p {padding-top:19px;}
#index_6 #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#index_6 #middle .topText {text-align: left; font-weight: bold}
#index_6 #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= quote.aspx =========================== */

#quote #middle .indent {padding:27px 32px 33px 32px;}
#quote #middle .content1 { padding:11px 0 0 0;}
#quote #middle p {padding-top:14px;}
#quote #middle .p {padding-top:19px;}
#quote #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#quote #middle .topText {text-align: left; font-weight: bold}
#quote #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= login.aspx =========================== */

#login #middle .indent {padding:27px 32px 33px 32px;}
#login #middle .content1 { padding:11px 0 0 0;}
#login #middle p {padding-top:14px;}
#login #middle .p {padding-top:19px;}
#login #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#login #middle .topText {text-align: left; font-weight: bold}
#login #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= logindemo.aspx =========================== */

#demo #middle .indent {padding:27px 32px 33px 32px;}
#demo #middle .content1 { padding:11px 0 0 0;}
#demo #middle p {padding-top:14px;}
#demo #middle .p {padding-top:19px;}
#demo #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#demo #middle .topText {text-align: left; font-weight: bold}
#demo #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= services.aspx =========================== */

#services #middle .indent {padding:27px 32px 33px 32px;}
#services #middle .content1 { padding:11px 0 0 0;}
#services #middle p {padding-top:14px;}
#services #middle .p {padding-top:19px;}
#services #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#services #middle .topText {text-align: left; font-weight: bold}
#services #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

/* ============================= referral.aspx =========================== */

#referral #middle .indent {padding:27px 32px 33px 32px;}
#referral #middle .content1 { padding:11px 0 0 0;}
#referral #middle p {padding-top:14px;}
#referral #middle .p {padding-top:19px;}
#referral #middle .topHeader {font-size: large; text-align: center; font-weight: 400 }
#referral #middle .topText {text-align: left; font-weight: bold}
#referral #middle .orangeHeader {text-align: left; color : Orange; font-size: small; font-weight : bold }

table.colleague {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.colleague th {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.colleague td {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: #FFFFCC;
	-moz-border-radius: ;
}

table.own {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.own th {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.own td {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: #F0FFF0;
	-moz-border-radius: ;
}

/* styles based on http://yelotofu.com/demo/dl-form-layout.html */
input {margin-bottom:0.5em;}
dt {width:10em;text-align:right;}
dt {margin-left:5px;}

/* Here's where we define the side-by-side layout */
dl {clear:both;}
dt {float:left;clear:left;}
dd {overflow:hidden;clear:right;height:1%;}
dt.x-form-clear {clear:both;}