/* x x x x x x x x x x x x x x x x x x x x x x x x
X X X X X X X X X X X X X X X X X X X X X X X X X
x x x x x x x x x x x x x x x x x x x x x x x x x


website: inkOperated - Design at the Speed of Life
author: Scott Liffman
theme: Agua
date: 10/14/2009



BASIC WIREFRAME INFO
--------------------
---WIDTHS----
page: 925px
thin column: 265px
wide column: 395px
wider column: 665px
last column: 200px


---HEIGHTS----
header: 115px


MAIN COLORS
-----------
teal: #95c3dd
turquoise: #26739f
blue:
grey: #585858
lite grey: #a4a5a6


x x x x x x x x x x x x x x x x x x x x x x x x x x
X X X X X X X X X X X X X X X X X X X X X X X X X
x x x x x x x x x x x x x x x x x x x x x x x x x */





/* BASIC DOM ELEMENTS
   ------------------
   p , a , h1 , h2 , h3 , img
   ---------------------------
   h4 , script , form , clear
   ---------------------------
*/

script {padding:0px;margin:0px;}

form {padding:0px;margin:0px;}

.clear {clear:both;}

a:focus,
a:hover,
a:selected {
outline:none;
}

p {
font-size:12px;
line-height:18px;
padding:0px 0px 15px 0px;
margin:0px 0px 0px 0px;
}

img, img a {
border:none;
}

h1 {
font-size:14px;
line-height:22px;
font-weight:100;
padding:0px 0px 15px 0px;
margin:0px;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
line-height:22px;
height:auto;
color:#26739f;
font-style:italic;
padding:0px 0px 0px 12px;
margin:0px 0px 10px -17px;
height:auto;
border-left:4px solid #95c3dd;
}

h2.noBorder {
border:none;
}

h3 {
font-size:12px;
color:#95c3dd;
height:15px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

h4 {
text-transform:uppercase;
color:#95c3dd;
font-size:16px;
font-weight:100;
line-height:14px;
letter-spacing:3px;
float:left;
text-align:left;
margin:0px 5px 0px 0px;
vertical-align:baseline;
padding:5px 0px 0px 0px;;
}

h5 {
text-transform:uppercase;
color:#585858;
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
line-height:12px;
}








/* GENERAL LAYOUT
   --------------
   body , page , header , content
   ---------------------------
   column (variations) , footer
   ------------------------------
*/

body {
background:url(../img/waterBG002c.jpg) top center no-repeat;
font-family:Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#585858;
text-align:left;
}

.page {
width:925px;
padding:0px;
margin:0px;
margin:0px auto;
}

.page .header {
height:115px;
padding:0px 0px 55px 0px;
margin:0px 0px 40px 0px;
}

.page .content {
padding:25px 0px 0px 5px;
height:425px;
margin-bottom:50px;
}

.page .content .column {
float:left;
height:450px;
}

.page .content .column.last {
width:200px;
float:left;
padding:0px 0px 0px 14px;
margin:0px 0px 0px -6px;
border-left:1px dotted #a4a5a6;
}

.page .content .column.thin {
width:265px;
margin:0px 6px 0px 5px;
padding:0px 10px 0px 10px;
}

.page .content .column.thin.contact {
width:235px;
margin:0px 6px 0px 0px;
padding:0px 10px 0px 0px;
}

.page .content .column.wide {
width:395px;
padding:0px 10px 0px 0px;
margin:0px 0px 0px 0px;
border-right:1px dotted #a4a5a6;
}

.page .content .column.wide.contact {
width:425px;
padding:0px 0px 0px 15px;
margin:0px 10px 0px 0px;
border-right:none;
border-left:1px dotted #a4a5a6;
}

.page .content .column.wider {
width:665px;
padding:0px 30px 0px 0px;
margin:0px 6px 0px 0px;
}

.page .content .column.widest {
width:580px;
float:left;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
border-left:1px dotted #a4a5a6;
}

.page .content .column.wider .siteMapCol {
float:left;
width:200px;
}

.page .content .column.wider .siteMapCol.next {
margin:0px 0px 0px 15px;
border-left:1px dotted #a4a5a6;
padding:0px 0px 0px 15px;
}

.page .footer {
height:30px;
color:#f9f9f9;
padding-top:5px;
margin-bottom:25px;
}








/* HEADER COMPONENTS
   -----------------
   logo, menu , item , a
-------------------------------
*/

.page .header .logo {
float:left;
width:395px;
margin:0px 25px 0px -20px;
padding:0px 0px 0px 10px;
}

.page .header .navWrap .menu {
width:395px;
height:115px;
margin:0px;
padding:0px;
float:left;
}

.page .header .menu {
width:140px;
height:105px;
float:left;
margin:12px 0px 0px 0px;
padding:15px 0px 20px 0px;
border-left:1px dotted #d7d7d7;
}

.page .header .menu .item {
padding:2px 0px 2px 10px;
height:auto;
margin:0px 0px 2px 0px;
text-decoration:none;
}

.page .header .menu .item a {
font-size:12px;
color:#26739f;
text-decoration:none;
padding:0px 0px 0px 6px;
}

.page .header .menu .item:hover {
background:#d4e6f0;
border-left:4px solid #95c3dd;
cursor:pointer;
padding:2px 0px 2px 9px;
margin:0px 0px 2px -3px;
}

.page .header .menu .item a:selected,
.page .header .menu .item:selected {
outline:none;
}








/* SEARCH AREA 
   -----------
   client login form , search form
------------------------- 
*/

.page .header .searchArea {
width:200px;
height:115px;
float:left;
padding:12px 0px 20px 15px;
margin:10px 0px 0px 0px;
color:#26739f;
border-left:1px dotted #d7d7d7;
}

form.login {
margin-bottom:10px;
}

form.login .label {
margin-bottom:15px;
}

form.login .client {
width:140px;
}

form.login .button {
width:35px;
margin:0px 0px 0px 10px;
}

form.search {
margin-top:15px;
}

form.search .label {
margin-bottom:15px;
}

form.search .client {
width:140px;
}

form.search .button {
width:35px;
margin:0px 0px 0px 10px;
}








/* GENERL CONTENT 
   --------------
   title(s) , p, ul , li , a , img
---------------------------------------------- 
*/

.page .content .column .title {
height:auto;
}

.page .content .title.workPage {
height:auto;
width:200px;
float:left;
}

.page .content .column .title.recent {
height:25px;
margin:0px 0px 12px 0px;
}

.page .content .column .title.stacked {
margin-top:15px;
}

.page .content .column .listTitle {
background:#95c3dd;
color:#ffffff;
padding:0px 0px 0px 5px;
margin:0px 0px 0px -5px;
}

.page .content .column .listContent {
padding:10px;
margin:0px 0px 0px -9px;
}

.page .content .column.thin.contact ul,
.page .content .column.last ul,
.page .content .column .listContent ul {
margin:0px 0px 0px 0px;
padding:0px;
}

.page .content .column.thin.contact ul li,
.page .content .column.last ul li,
.page .content .column .listContent ul li {
margin:0px 0px 3px 0px;
padding:0px;
}

.page .content .column.thin.contact ul li,
.page .content .column.last ul li {
list-style-type:none;
list-style-position:inside;
}

.page .content .column.wider .siteMapCol p {
margin:0px 0px 0px 10px;
}







/* WORK PAGE SPECIFIC
   ------------------
   webLinks , webScreen Tooltips , legendBox
----------------------------------------- 
*/

.page .content .column.last .webLink * {
outline:none;
}

.page .content .column.last .webLink {
padding:3px 0px 4px 0px;
margin:0px 0px 0px 0px;
}

.page .content .column.last .webLink.first {
margin-top:6px;
}

.page .content .column.last .webLink a .webscreen {
display:none;
}

.page .content .column.last .webLink a:hover .webscreen {
padding:14px 0px 0px 17px;
margin:0px;
position:relative;
z-index:1000;

/* stacked*/
width::257px;
height:145px;
display:block;
background:url(../img/webScreenBG.jpg) top center no-repeat;
top:-185px;
left:-5px;
}

.legendBox {
padding:6px;
height:auto;
margin:12px 0px 0px 0px;
background:#ffffff;

-webkit-border-radius: 12px;
-khtml-border-radius: 12px;	
-moz-border-radius: 12px;
border-radius: 12px;
}

.workHolder {
width:625px;
float:left;
margin:-8px 0px 8px -16px;
padding:30px 0px 0px 40px;
}

.workHolder .projectInfo {
height:auto;
width:600px;
float:left;
padding:0px;
margin:0px 0px 10px 0px;
}

.workHolder  .projectInfo .clientName {
width:480px;
float:left;
font-size:14px; 
color:#585858; 
margin:0px; 
padding:0px;
}

.workHolder  .projectInfo .workType {
width:auto;
text-align:right;
float:right;
}

.workHolder h1 {
line-height:12px;
}

.workHolder p {
width:600px;
font-size:14px;
line-height:21px;
margin-top:10px;
}

.workHolder.next {
margin-top:75px;
padding-top:10px;
}

.workTitle {
color:#26739f;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin:0px;
padding:0px;
}

.workHolder img {
padding:0px;
margin:10px 0px 10px 0px;
border:none;
}

.workHolder img a {
border:none;
}

.workHolder img:hover,
.workHolder img a:hover {
border:4px solid #95c3dd;
margin:6px 0px 6px -4px;
}

.page .content .column .option {
background:#26739f;
padding:0px 0px 0px 5px;
margin:0px 0px 0px -5px;
color:#ffffff;
}

img.noBorder,
img.noBorder:hover {
border:none;
}

.imageGroup {
display:none;
visibility:hidden;
}







/* CONTACT PAGE SPECIFIC
   ------------------
   affiliateLinkImgs , 
----------------------------------------- 
*/

.page .content .column.last.contact a.noBG {
background:none;
display:inline;
}

.page .content .column.last.contact a.noBG img {
border:1px solid #26739f;
}

.page .content .column.last.contact img {
margin:10px 10px 0px 0px;
background:none;
}







/* LINK STYLES  (various)
   -------------
   page specific styles...
---------------------------------------------- 
*/

.page .content .column.last.home p a,
.page .content .column.thin.contact ul li a {
text-decoration:underline;
color:#585858;
/*display:block;*/
}

.page .content .column.last.home p a:hover,
.page .content .column.thin.contact ul li a:hover {
background:#26739f;
color:#ffffff;
text-decoration:none;
}

.page .content .column.thin.about p a {
color:#26739f;
text-decoration:underline;
font-weight:bold;
display:block;
}

.page .content .column.thin.about p a:hover {
background:#26739f;
color:#ffffff;
text-decoration:none;

-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
}

.page .content .column.thin.about ul li a {
text-decoration:underline;
color:#585858;
display:block;
}

.page .content .column.last.about ul li a:hover {
background:#b8daef;
color:#585858;
text-decoration:none;
}

.page .content .column.wider .siteMapCol p a {
color:#585858;
text-decoration:underline;
}

.page .content .column.wider .siteMapCol p a:hover {
background:#26739f;
color:#ffffff;
}

.page .content .column.wider .siteMapCol a {
text-decoration:underline;
color:#26739f;
}

.page .content .column.wider .siteMapCol a:hover {
text-decoration:none;
background:#26739f;
color:#ffffff;
}

.page .content .column.last ul li a,
.page .content .column .listContent ul li a {
text-decoration:underline;
color:#585858;
display:block;
}

.page .content .column.last ul li a:hover,
.page .content .column .listContent ul li a:hover {
background:#b8daef;
color:#585858;
text-decoration:none;
}

.page .content .column.last.about p a,
.page .content .column.last .webLink a {
color:#585858;
text-decoration:underline;
display:block;
padding:0px 0px 0px 8px;
margin:0px 0px 0px -8px;
height:20px;
}

.page .content .column.last.about p a:hover,
.page .content .column.last .webLink a:hover {
background:#b8daef;
text-decoration:none;
color:#585858;

-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
}

.page .footer .links a {
text-decoration:none;
color:#f9f9f9;
margin:0px 4px 0px 4px;
padding:0px 4px 0px 4px;
}

.page .footer .links a:hover {
color:#26739f;
background:#f9f9f9;
}







/* FOOTER 
   -------------
   info , links
----------------
*/

.page .footer .info {
font-size:10px;
font-weight:normal;
width:auto;
float:left;
color:#f9f9f9;
text-align:left;
text-transform:uppercase;
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.page .footer .info.error {
margin-left:235px;
width:265px;
height:auto;
}

.page .footer .links {
width:auto;
float:right;
text-align:right;
padding:0px 0px 0px 0px;
margin:8px 0px 0px 0px;
}







/* TEXT CLASSES */

.teal {color:#95c3dd;}
.turquoise {color:#26739f;}
.grey { color:#585858;}
.disabled{color:#9bb8c5;}
.liteWeight100 {font-weight:100; font-size:15px;}
.bold {font-weight:bold;}
.larger {font-size:13.5px; font-weight:bold;}

.letterspaced {letter-spacing:1px;}
.tightLeading {line-height:10px;}







/* EASY SLIDER
   ------------------
   numeric controls , ol , li , a
-------------------------------
*/

#slider {
height:350px;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li {
margin:0;
padding:0;
float:left;
list-style:none;
}

#slider2 {
margin-top:0px;
}

#slider li, #slider2 li, #slider2 li { 
width:665px;
height:425px;
overflow:hidden; 
}	

#prevBtn, #nextBtn,
#slider1next, #slider1prev { 
display:block;
width:30px;
height:155px;
position:absolute;
left:-30px;
top:200px;
z-index:1000;
}	

#nextBtn, #slider1next { 
left:700px;
top:200px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {  
display:block;
position:relative;
width:30px;
height:77px;
background:#0000CC;	
}	

#nextBtn a, #slider1next a { 
background:#0000CC;	
}	







/* SLIDER CONTROLS
   ------------------
   ol , li , a
-------------------------------
*/

ol#controls {
margin:15px 0px 0px 25px;
padding:0px;
position:relative;
top:-472px;
left:250px;
}

ol#controls li {
margin:0px 12px 0px 0px;
padding:2px 0px 0px 0px;
text-align:center;
float:left;
width:22px;
height:18px;
list-style:none;
background:#95c3dd;
color:#585858;
border:1px solid #26739f;
}

ol#controls li:hover,
ol#controls li:hover a {
background:#26739f;
color:#ffffff;
cursor:pointer;
}

ol#controls li a {
text-decoration:none;
color:#585858;
}

ol#controls li.current {
color:#ffffff;
background:#26739f;
border:1px solid #000000;
}

ol#controls li.current a {
color:#ffffff;
}

ol#controls li a:focus, 
#prevBtn a:focus, 
#nextBtn a:focus {
outline:none;
}







/* WORK THUMBNAILS

NOT CURRENTLY USED
will need them for tooltip 


ol#controls li#controls1 {
background:url(../img/wrk_thumb1.jpg) top left no-repeat;
}

ol#controls li#controls2 {
background:url(../img/wrk_thumb2.jpg) top left no-repeat;
}

ol#controls li#controls3 {
background:url(../img/wrk_thumb3.jpg) top left no-repeat;
}

ol#controls li#controls4 {
background:url(../img/wrk_thumb4.jpg) top left no-repeat;
}

ol#controls li#controls5 {
background:url(../img/wrk_thumb5.jpg) top left no-repeat;
}

ol#controls li#controls6 {
background:url(../img/wrk_thumb6.jpg) top left no-repeat;
}

ol#controls li#controls7 {
background:url(../img/wrk_thumb7.jpg) top left no-repeat;
}

ol#controls li#controls8 {
background:url(../img/wrk_thumb8.jpg) top left no-repeat;
}

ol#controls li#controls9 {
background:url(../img/wrk_thumb9.jpg) top left no-repeat;
}

ol#controls li#controls10 {
background:url(../img/wrk_thumb10.jpg) top left no-repeat;
}
*/







/* CONTACT PAGE
   ------------------
   contactForm 
---------------------
*/

form.contact {
/*width:395px;*/
margin:0px 0px 10px 0px;
padding:10px 0px 10px 5px;
height:auto;
}

form.contact label {
width:60px;
float:left;
text-align:right;
font-weight:bold;
margin:0px 15px 0px 0px;
}

form.contact label.phone {
width:40px;
float:left;
margin-right:7px;
}

form.contact label.generalComment {
width:auto;
font-size:11px;
font-weight:normal;
}

form.contact input {
margin:4px 0px 10px 0px;
width:180px;
float:left;
font-size:10px;
color:#747474;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

form.contact input.wideField {
width:300px;
}

form.contact textarea {
font-size:10px;
color:#747474;
text-align:left;
width:300px;
float:left;
margin-top:4px;
padding:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

form.contact input.heard {
width:300px;
}

input:focus {
border:2px solid #95c3dd;
}

form.contact input:focus {
border:2px solid #95c3dd;
}

form.contact input.name {
width:160px;
margin-right:14px;
}

form.contact input.phone {
width:100px;
float:left;
font-size:10px;
padding-top:1px;
color:#747474;
}

form.contact input.email {
width:325px;
float:left;
}

form.contact input.radio {
width:18px;
padding:3px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}

form.contact input.radioBox {
width:18px;
float:left;
margin:5px 3px 0px -10px;
padding:0px;
}

form.contact input.radioBox.first {
margin-left:0px;
}

form.contact label.radio {
width:40px;
margin:0px;
float:left;
display:inline;
padding:0px;
}

form.contact label.projectDescrip {
font-weight:normal;
text-align:left;
width:auto;
}

form.contact textarea.description {
width:300px;
float:left;
margin:4px 0px 10px 0px;
padding:3px 0px 0px 3px;
}

form.contact textarea.Reference {
margin-bottom:10px;
}

form.contact .button {
width:65px;
float:right;
margin-top:12px;
}

form.contact .button.reset {
margin-right:15px;
}

form.contact .button.submit {
margin-right:40px;
}


/* CONTACT PAGE
   ------------------
   tabbedPanels 
---------------------
*/

.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
padding:0px 0px 10px 0px;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}

.TabbedPanelsTab.last {
margin-left:-1px;
}

.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px;
font-family:Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
background:none;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}

.TabbedPanelsTabHover {
background-color: #ffffff;
}

.TabbedPanelsTabSelected {
background-color: #ffffff;
height:21px;
border:none;
outline:none;
}

.TabbedPanelsTab a {
color: black;
text-decoration: none;
}

.TabbedPanelsContentGroup {
float:left;
border:none;
background:#fff;
padding:5px;
width:205px;
}

.TabbedPanelsContent {
padding:8px 0px 0px 12px;
border-top:1px solid #585858;;
border-bottom:1px solid #585858;;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
text-align:right;
width:75px;
background:none;
position: relative;
border-top:1px solid #585858;
border-left:1px solid #585858;
}

.VTabbedPanels .TabbedPanelsTab {
float: none;
padding:5px 15px 5px 10px;
margin: 0px;
border-bottom:1px solid #585858;
border-right:1px solid #585858;
}

.VTabbedPanels .TabbedPanelsTabSelected {
background:#ffffff;
border-right:none;
}

.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
margin-left:-1px;
width:330px;
height:190px;
border-right:1px solid #585858;
border-left:1px solid #585858;
}

.VTabbedPanels .TabbedPanelsContent {
padding-bottom:10px;
height:170px;
}

.VTabbedPanels .TabbedPanelsContent.radioHolder {
width:95px;
float:left;
display:inline;
padding:0px;
margin:5px 5px 0px 0px;
}

.VTabbedPanels .TabbedPanelsContent label.radio {
width:95px;
float:left;
display:inline;
padding:0px;
margin:0px 0px 0px 0px;
text-align:left;
font-weight:normal;
}

.VTabbedPanels .TabbedPanelsContent .budget {
margin:10px 0px 10px 0px;
}







/* WORK PAGE
   ------------------
   cee-box 
---------------------
*/

* {padding: 0; margin: 0;}
html,body {height:100%;}


#cee_closeBtn { background-image:url(../img/cee-close-btn.png); }
#cee_next { background-image:url(../img/cee-next-btn.png); }
#cee_prev { background-image:url(../img/cee-prev-btn.png);  }
* html #cee_next { background-image:url(../img/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev { background-image:url(../img/cee-prev-btn.gif); } /* IE6 hack */
#cee_load { background-image:url(../img/loader.gif); }
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box {background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

#cee_box {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #fff;
}

#cee_count {
font: 10px Arial, Helvetica, sans-serif;
-moz-opacity: 0.8;
opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */
clear:left;
float:left;
padding: 2px 0 4px;
}

.cee_html #cee_title h2 {float:left;}
.cee_html #cee_count {clear:none;padding-left:5px;}
* html #cee_count { /* ie6 hack */
zoom:1;
padding-bottom:6px;
}

#cee_next,#cee_prev {
height:100%;
width: 49%;
text-indent:-10000px;
text-decoration:none;
visibility:visible;
background-repeat:no-repeat;
}

#cee_box a {border:0;outline:none}
#cee_box a:link {color: #666;}
#cee_box a:visited {color: #666;}
#cee_box a:hover {color: #000;}
#cee_box a:active {color: #666;}
#cee_box a:focus{color: #666;}

#cee_closeBtn {
background-repeat: no-repeat;
display:box;
width:24px;
height:23px;
position:absolute;
text-indent:-10000px;
}

#cee_closeBtn {top:-3px;right:-3px;} /* base value only here for IE8 */
#cee_closeBtn, #ie8#hack {top:-10px;right:-10px;} /* All browsers except IE8 see this; IE8 keeps using the */
*:first-child+html #cee_closeBtn {top:-3px;right:-3px;} /* only IE7 sees this*/ 
* html #cee_closeBtn {top:-3px;right:-3px;} /*only IE 6 sees this*/
#cee_closeBtn:hover {background-position: 0px -23px;}

.cee_close {cursor:pointer}

#cee_box {text-align:left;color:#000;}

#cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax {
display:block;
margin: 15px 15px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}

#cee_title {padding:7px 15px 5px 15px;overflow:hidden;}

.cee_html #cee_title {
background-color:#e8e8e8;
height:18px;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
}

#cee_title h2 {
font-size:13px;
font-style:normal;
font-weight:normal;
margin:0px;
padding:0px;
border:none;
font-family:Arial, Geneva, Helvetica, sans-serif;
}

#cee_ajax {
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#cee_load {
display:none;
height:50px;
width:50px;
margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
background-position: center center;
background-repeat:no-repeat;
}

#cee_HideSelect {
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #cee_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_iframe {
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
}







/* GOOGLE CUSTOM SEARCH
   ------------------
   page specific styles...
--------------------------
*/

.gsc-control-cse {
font-family: "Trebuchet MS", sans-serif;
border-color: #95c3dd;
background-color: #ffffff;
}
input.gsc-input {
border-color: #585858;
}
input.gsc-search-button {
border-color: #2973a0;
background-color: #ffffff;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #95c3dd;
background-color: #FFFFFF;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #585858;
background-color: #95c3dd;
}
.gsc-tabsArea {
border-color: #585858;
}
.gsc-webResult.gsc-result {
border-color: #95c3dd;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
border-color: #2973a0;
background-color: #95c3dd;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #2973a0;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
color: #585858;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
color: #95c3dd;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
color: #585858;
}
.gsc-cursor-page {
color: #2973a0;
}
a.gsc-trailing-more-results:link {
color: #2973a0;
}
.gs-webResult.gs-result .gs-snippet {
color: #585858;
}
.gs-webResult.gs-result .gs-visibleUrl {
color: #585858;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
color: #585858;
}
.gsc-cursor-box {
border-color: #95c3dd;
}
.gsc-results .gsc-cursor-page {
border-color: #95c3dd;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #585858;
background-color: #95c3dd;
}
.gs-promotion.gs-result {
border-color: #94CC7A;
background-color: #CBE8B4;
}
.gs-promotion.gs-result a.gs-title:link {
color: #0066CC;
}
.gs-promotion.gs-result a.gs-title:visited {
color: #0066CC;
}
.gs-promotion.gs-result a.gs-title:hover {
color: #0066CC;
}
.gs-promotion.gs-result a.gs-title:active {
color: #0066CC;
}
.gs-promotion.gs-result .gs-snippet {
color: #454545;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
color: #815FA7;
}







/* BLOG IMPORT
   ------------------
   page specific styles...
---------------------------
*/

#tutorialFeed .story,
#articleFeed .story {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dotted #a4a5a6;
height:auto;
}

#tutorialFeed .story .title,
#articleFeed .story .title {
font-size:16px;
font-weight:bold;
color:#26739f;
margin:0px 0px 5px 0px;
}

#tutorialFeed .story .date,
#articleFeed .story .date {
font-size:10px;
color:#95c3dd;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
height:auto;
line-height:10px;
}

#tutorialFeed .story .content,
#articleFeed .story .content {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:11px;
line-height:17px;
}

#tutorialFeed .story .link,
#articleFeed .story .link,
#tutorialFeed .story .link a,
#articleFeed .story .link a {
text-align:right;
color:#26739f;
margin:0px 6px 0px 0px;
padding:0px 2px 0px 2px;
text-decoration:none;
}

#tutorialFeed .story .link a:hover,
#articleFeed .story .link a:hover {
background:#26739f;
color:#f9f9f9;
text-decoration:none;
}