﻿body{
font-family:"Segoe UI", Arial, Sans-Serif;
font-size:12px;
line-height:18px;
color:#444;
}
a{
text-decoration:none;
color:#FF6600;
}
a:hover{
text-decoration:underline;
}
/* FORM ITEMS */


input{
font-family:"Segoe UI", Arial, Sans-Serif;
font-size:12px;
}

input[type='text'], input[type='password'], textarea{
border:1px solid #ddd;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:2px;
}

input[type='submit']{
border:1px solid #ddd;
padding:2px;
background-color:#ccc;
}


/* HEADINGS */

h1, .xlHeading{
display:block;
font-size:24px;
line-height:29px;
font-weight:normal;
color:#666;
padding-bottom:4px;
}
h2{
display:block;
font-size:17px;
line-height:22px;
}
h3, .mediumHeading{
display:block;
font-size:14px;
line-height:18px;
font-weight:bold;
}
h4, .smallHeading{
display:block;
font-size:13px;
line-height:18px;
}
h5{
display:block;
}
h6{
display:block;
}

/* ADMIN TEMPLATE STYLES */

.summary2{
display:block;
font-size:14px;
line-height:20px;
padding-bottom:16px;
font-weight:normal;
color:#666;
}
.mainbody{
display:block;
padding-bottom:8px;

font-family:Arial, Helvetica, Sans-Serif;
color:#444;

}
.mainbody h3{
padding-top:12px;
}
.summary2 ul, .mainbody ul{
padding-left:16px;
display:block;
line-height:20px;
padding-bottom:8px;
}
.summary2 li, .mainbody li{
list-style:disc;
}

/* BUTTONS */

.ctaButton{
background-image:url(/images/cta-btn-bg.png);
background-position:right center;
background-repeat:no-repeat;
display:inline-block;
padding-left:8px;
padding-right:24px;
line-height:31px;
color:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #FF6600;
border-top:0px;
margin-top:8px;
text-shadow:0px -1px 0px #FF6600;
background-color:#FF6600;
text-transform:uppercase;
font-size:13px;
}
.ctaButton:hover{
cursor:pointer;
cursor:hand;
color:#333;
text-decoration:none;
}

/* ADMIN TEMPLATES */
/* EMPLOYEES */

.employeeList{
background-image:url(/images/fadeboth.gif);
background-position:center center;
background-repeat:repeat-x;
border:1px solid #DDDDDD;
text-shadow:0 1px 0 #FFFFFF;
}
.employee{
margin-bottom:8px;
overflow:hidden;
border:1px solid #ddd;
background-color:#f2f2f2;
}
.employee .mainColumn{
width:688px;
float:left;
}
.employee .secondaryColumn{
width:200px;
float:right;
overflow:hidden;
}
.employee .secondaryColumn .imageLink{
border:1px solid #ddd;
padding:2px;
background-color:#fff;
}
.employee .mainColumn h1{
display:inline-block!important;
line-height:36px!important;
float:left;
padding:0px;
margin:0px;
padding-right:16px;
border-right:1px solid #ccc;
}
.employee .mainColumn .mediumHeading{
font-weight:normal;
display:inline-block!important;
line-height:36px!important;
padding-top:4px;
float:left;
padding-left:16px;
}
.employee .mainColumn .summary2{
padding-top:8px;
}
.employee .mainColumn .summary2,
.employee .mainColumn .mainbody{
display:block;
clear:both;
float:left;
width:688px;
}
/* CONTACT FORM */

/* */

.appendixForm{
border:1px solid #ddd;
margin-bottom:8px;
text-shadow:0px 1px 0px #fff;
margin-top:16px;
width:364px;
float:right;
}
#contactForm{
overflow:hidden;
display:block;
}
#contactForm .tblContact{
}
.contactForm h3{
padding-top:0px;
}
.appendixForm td{
vertical-align:top;
}
.appendixForm td input,
.appendixForm td textarea{
margin-bottom:8px;
margin-left:8px;
width:264px;
padding:3px;
}
.appendixForm td textarea,
.appendixForm textarea{
margin-bottom:8px;
margin-left:0px;
width:328px;
padding:3px;
margin-top:4px;
height:80px;
border:1px solid #ddd;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
.appendixForm .btnSubmit{
float:right;
padding:4px;
margin-right:8px;
}

/* DOCUMENTS */

.documentList{
display:block;
}
.documentList .imageLink{
float:right;
margin-left:24px;
border:1px solid #ddd;
padding:1px;
background-color:#fff;
}
.documentList h3{
padding-bottom:8px;
}

/* default Table styling in mainbody - needs css class */

.stdMainbodyTable{
border-collapse:separate;
border:1px solid #ddd;
border-right:0px;
border-bottom:0px;
margin-top:8px;
background-color:#f8f8f8;
text-shadow:0px 1px 0px #fff;
}
.stdMainbodyTable td,
.stdMainbodyTable th{
padding:2px;
padding-left:4px;
padding-right:4px;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #fff;
border-top:1px solid #fff;
line-height:20px;
}
.stdMainbodyTable th{
background-image:url(/images/fade-2.png);
background-position:left -30px;
background-repeat:repeat-x;
border-bottom:1px solid #ccc;
border-right:1px solid #ddd;
}

/* MARKETS INTRO PAGE - PEOPLE WITH LINKS */

#marketIntroThumbs{
width:362px;
height:362px;
position:relative;
}
.thumbBox{
width:120px;
height:120px;
background-repeat:no-repeat;
}
.thumbBox:hover{

cursor:pointer;
cursor:hand;
}
#tb1{
position:absolute;
left:0px;
top:0px;
background-position:left top;
background-image:url(/images/mkt-thumb-off.png);
}
#tb1:hover{
background-image:url(/images/mkt-thumb-on.png);
}
#tb2{
position:absolute;
left:120px;
top:0px;
background-position:center top;
background-image:url(/images/mkt-thumb-off.png);
}
#tb2:hover{
background-image:url(/images/mkt-thumb-on.png);
}
#tb3{
position:absolute;
right:0px;
top:0px;
background-position:right top;
background-image:url(/images/mkt-thumb-off.png);
}
#tb3:hover{
background-image:url(/images/mkt-thumb-on.png);
}
#tb4{
position:absolute;
left:0px;
top:120px;
background-position:left -120px;
background-image:url(/images/mkt-thumb-off.png);
}
#tb4:hover{
background-image:url(/images/mkt-thumb-on.png);
}

#tb5{
position:absolute;
left:120px;
top:120px;
background-position:center -120px;
background-image:url(/images/mkt-thumb-off.png);
}
#tb5:hover{
background-image:url(/images/mkt-thumb-on.png);
}

#tb6{
position:absolute;
right:0px;
top:120px;
background-position:right -120px;
background-image:url(/images/mkt-thumb-off.png);
}
#tb6:hover{
background-image:url(/images/mkt-thumb-on.png);
}

#tb7{
position:absolute;
left:0px;
bottom:0px;
background-position:left bottom;
background-image:url(/images/mkt-thumb-off.png);
}
#tb7:hover{
background-image:url(/images/mkt-thumb-on.png);
}
#tb8{
position:absolute;
left:120px;
bottom:0px;
background-position:center bottom;
background-image:url(/images/mkt-thumb-off.png);
}
#tb8:hover{
background-image:url(/images/mkt-thumb-on.png);
}
#tb9{
position:absolute;
right:0px;
bottom:0px;
background-position:right bottom;
background-image:url(/images/mkt-thumb-off.png);
}
#tb9:hover{
background-image:url(/images/mkt-thumb-on.png);
}


