@font-face { font-family: 'calibri'; src: url('/public/themes/fcs/fonts/calibri.eot'); src: local('Calibri'), url('/public/themes/fcs/fonts/calibri.woff') format('woff'), url('/public/themes/fcs/fonts/calibri.ttf') format('truetype'), url('/public/themes/fcs/fonts/calibri.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'calibri-bold'; src: url('/public/themes/fcs/fonts/calibrib.eot'); src: local('Calibri Bold'), url('/public/themes/fcs/fonts/calibrib.woff') format('woff'), url('/public/themes/fcs/fonts/calibrib.ttf') format('truetype'), url('/public/themes/fcs/fonts/calibrib.svg') format('svg'); font-weight: normal; font-style: normal; }
/***************************************************************/
/* Layout */

body { text-align:left !important; background:#c8d5e3 url(../images/background.jpg) repeat-x left top; font:normal normal normal 13px/18px arial; height: 100%; margin: 0px; padding: 0px; }
.wrapper { position:relative; width:980px; margin-left:auto; margin-right:auto; }
/***************************************************************/
/* General */

.float-left { float:left !important; }
.float-right { float:right !important; }
/***************************************************************/
/* Buttons */

.close, .arrow-left, .arrow-right { display:block; max-width:21px; min-width:21px; max-height:21px; min-height:21px; }
.close { background:url('../images/close.png'); }
.arrow-left { background:url('../images/arrow-left.png'); }
.arrow-right { background:url('../images/arrow-right.png'); }
/***************************************************************/
/* Header */

#header { position:relative; width:980px; height:97px; margin:0 auto 20px; padding-top: 18px; }
#logo { position: absolute; left:0px; border:0; }
#header-text { position:relative; left:70px; top:-14px; border:0; }
#header ul.nav { position:absolute; top:0; right:36px; }
#header ul.nav li, #header ul.nav li.last { background:url('../images/grey-bullet.gif') no-repeat; background-position:right; padding:0 16px 0 8px; color:#bdbdbd; }
#header ul.nav li.last, #header ul.nav li#client-login { background:none; padding-right:5px; }
#header ul.nav li a { color:#da6216; font-size:12px !important; display:block; padding:5px 0; max-height:19px; min-height:19px; }
#header ul.nav li#client-login { margin-left:18px; background:#121853 url('../images/short-blue-bg-2.gif') repeat-x; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#header ul.nav li#client-login a { font:normal normal normal 13px/18px arial; color:#fff; position:relative; float:left; padding:5px 4px 5px 1px; max-height:19px; min-height:19px; }
/***************************************************************/
/* Navigation */

ul.nav { list-style:none; margin:0; padding:0; }
ul.nav li { float:left; }
ul.nav li a { text-decoration:none; }
ul.nav li a:hover { text-decoration:underline; }
#navigation { position:relative; width:980px; z-index:2; margin:0 auto; height:31px; border-bottom: 5px solid #040000; }
#navigation ul.nav { list-style:none; margin:0; padding:0; }
#navigation ul.nav li { }
#navigation ul.nav li a, #navigation ul.nav li a.last { margin-right:5px; float:left; display:block; color:#ffffff; background:url(../images/nav-back.png) repeat-x left top; font: 17px/31px calibri; height: 31px; padding-right: 17px; padding-bottom: 0; padding-left: 17px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
#navigation ul.nav li a.last { background:none !important; }
#navigation ul.nav li a.active { color:#ffffff; }
a.page-link { background:url(../images/nav-ball.png) no-repeat left center; font:13px/20px Arial, Helvetica, sans-serif; color:#4c79a6; text-decoration:none; padding:0 0 0 14px; }
a.page-link:hover { text-decoration:underline; }
/***************************************************************/
/* Feature */

.feature { position:relative; z-index:1; margin:-20px auto 0 auto; width:1030px; background:#fff; padding:10px; max-height:470px; min-height:470px; -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 5px 10px #888; box-shadow: 0px 5px 10px #888; }
.feature-wrapper { position:relative; width:1028px; height:469px; left:1px; }
.feature-wrapper .padded-wrapper { padding:21px 18px 5px 18px; }
/***************************************************************/
/* Content */

.content h2 { font:normal 30px/30px Arial, Helvetica, sans-serif; color:#333333; margin:0; }
.content p { font:normal normal normal 13px/18px arial; color:#666; margin:22px 0; }
.content-wrapper { position:relative; z-index:0; width:980px; margin-left:auto; margin-right:auto; }
.content-wrapper .content { position:relative; float:left; width:665px; }
.content-wrapper .content, .content-wrapper .sidebar { padding:0; margin:0; }
.content-wrapper .content h1 { position:relative; font:normal 35px/35px Arial, Helvetica, sans-serif; color:#333333; padding:0; margin:4px 0 10px 0; }
/***************************************************************/
/* Footer */

#footer-wrapper { position:relative; width:100%; height:38px; padding:0px; margin:0px; color:#ffffff; }
#footer { position:relative; max-width:980px; min-width:980px; height:38px; background:#e83f32; margin:0 auto 0 auto; border-top: 5px solid #040000; }
#footer #footer_left { float:left; width:700px; padding-left:15px; padding-top:9px; }
#footer #footer_right { float:right; width:200px; padding-right:15px; text-align:right; padding-top:9px; font-weight:bold; }



/* History Options */
.surveyhistory{
	-webkit-padding-start: 10px;
	border-bottom: 3px solid #d0d0d0;
	padding-bottom:10px;
}

.surveyhistorytop{
	-webkit-padding-start: 10px;
	border-bottom: 3px solid #d0d0d0;
	border-top: 3px solid #d0d0d0;
	padding-bottom:10px;
	padding-top:10px;
}


.historyli {
list-style: none;display: inline;
}
.historylilm{
list-style: none;display: inline;margin-left:50px;
}

.historybtn{
font-size: 13px;
line-height: 29px;
color: #000;
background: url(../images/greybutton.jpg) no-repeat;
text-align: center;
display: block;
height: 29px;
width: 70px;
text-decoration: none;
padding: 0 0 0 0;
float:left;
margin-right:10px;
}

.historyselbtn{
font-size: 13px;
line-height: 29px;
color: #f2dd01;
background: url(../images/blackbutton.jpg) no-repeat;
text-align: center;
display: block;
height: 29px;
width: 70px;
text-decoration: none;
padding: 0 0 0 0;
float:left;
margin-right:10px;
}

.portfolio{position:absolute;top:15px;right:50px;}
.portfolio img{ cursor:pointer; z-index:500; }
.coversheet{position:absolute;top:40px;right:77px;}
.coversheet img{ cursor:pointer; z-index:500; }