blue.css

<title>blue.css</title>/* MAIN */

/*
Tahoma, Verdana, Arial, sans-serif
Arial, sans-serif
*/

body    { 
        font: 0.675em Tahoma, Verdana, Arial, sans-serif;
        /*font-size-adjust: .54;*/
        line-height: normal;
        /*font: 0.625em Tahoma, Verdana, Arial, sans-serif;*/
        color: #494949;
        
        margin: 7px; 
        padding: 0px; 
        }
html { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
table { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
img { border: 0px; overflow: hidden;}
a {
        text-decoration: none;
        color: #003333;
        }
a:hover {
        text-decoration: none;
        color: #006633;
        }
th {
        text-align: left;
}
form { border: 0px; margin: 0px; }
#sitecontainer {
        width: 100%;
        text-align: center;
        }

* html .maincontainer {height: 1%;}

.text   {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
/*
.text a {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        text-decoration: none;
        color: #003333;
        }
*/
.text tr {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.text th {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        text-align: left;
        color: #494949;
        }
.text td {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.text table {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.darktext {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #000000;
        }
.borderbot { height: 1px; line-height: 1px; font-size: 1px; margin: 0px; padding: 0px; background: url(/images/dots.gif) repeat-x; }
.borderbotlight { height: 1px; margin: 0px; padding: 0px; background: url(/images/dots_light.gif) repeat-x; }

/* BASIC */

p { line-height: 1.2em; margin: 0px; padding: 0px 0px 12px 0px; }
strong { font-weight: bold; }

li              { list-style-position: outside }
 
table { }
td { font: 1em Tahoma, Verdana, Arial, sans-serif; color: #000000; }
div {  }

/* TOP NAV */

#topNav { margin-bottom: 9px; }
#firstNavBar {
        width: 100%;
        background-color: #003333;
        text-align: left;
        }
#secondNavBar {
        width: 100%;
        text-align: left;
        background-color: #7699BD;
        font: 11px Tahoma, Verdana, Arial, sans-serif;
        margin: 0px;
        
}
.usertable {
        padding: 2px 6px 3px 9px;
        }
.menuText {
        line-height: 1.4em;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #FFFFFF;
        }
.menuText a {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        text-decoration: none;
        color: #FFFFFF;
        }
.menuText a:hover {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        background-color: #003333;
        color: #FFFFFF;
        }
.avatar {
        float: left;
        margin-right: 4px;
        }
        
/* LEFT NAV */

#navigation {
        text-align: left;
        width: 150px;
  margin: 0px;
  padding: 0px;
        padding-right: 10px;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #003333;
        vertical-align: top;
}
.menu {
        background-color: #F1F3F5;
        width: 100%;
        }
.menu a {
        display: block;
        line-height: 13px;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
  /*font: 1em Arial, Tahoma, Verdana, sans-serif;*/
        font-weight: bold;
        color: #003333;
        padding-top: 3px;
        padding-left: 9px;
        padding-bottom: 1px;
        text-decoration: none;
        background: url(/images/dots.gif) repeat-x bottom;
        }
.menu a:hover { color: #003333; }
.menu a.highlight {
        color: #494949;
        }
.statsbold {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #494949;
        }
.statsresults   {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #494949;
        }
.statsplain     {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.navtext {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #003333;
        padding-left: 9px;
        }
.stats {
        padding: 3px 0px 3px 9px;
        background-color: #F1F3F5;
        }
.swatch {
        padding: 3px 0px 3px 0px;
        background-color: #FFFFFF;
        }
.forumnavbar {
        padding: 3px 0px 3px 9px;
        background-color: #F1F3F5;
        }
.banner {
        margin: 5px 0px 5px 0px;
        padding: 0px;
        }
        
        
/* CONTENT AREA */

.floatercell {
        float: left; 
        border: 0px solid #080; 
        /* TODO height: this rule was broken: no value was specified for height */
        overflow: hidden;
        margin: 0px;
        width: 120px;
}

#sitecontent {
        margin: 0px;
        padding: 0px;
        display: block;
        }
#leftcontent {
        float: left;
        width: 280px;
        margin-right: 10px;
        text-align: left;
        }
#leftdetail {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        float: left;
        width: 340px;
        margin-right: 10px;
        text-align: left;
        }
#rightcontent {
        text-align: left;
        float: left;
        width: 310px;
        padding: 0px;
        }
#rightdetail {
        text-align: left;
        float: left;
        width: 238px;
        padding: 0px;
        }
#controlpanel   {
        background: url(/images/dots.gif) repeat-x top;
        text-align: left;
        color: #494949;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
        }
#controlpanel img {
        padding-top: 5px;
        }
.filestats {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        padding-left: 9px;
        padding-bottom: 9px;
        }
.filestats img, .filestats .ratingcamera, .rightmenutext .ratingcamera {
        padding: 0px 0px 2px 2px;
        vertical-align: middle;
        }
.filedetails  {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        }
.fileoptions {
        background-color: #F1F3F5;
        vertical-align: middle;
        }
#rightmenutext, .rightmenutext {
        padding-left: 9px;
        padding-top: 4px;
        padding-bottom: 6px;
        background-color: #F1F3F5;
        color: #3C3C3C;
        }
.fileoptions a {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        display: block;
        background-color: #F1F3F5;
        height: 23px;
        background: url(/images/dots.gif) repeat-x top;
        vertical-align: middle;
        text-decoration: none;
        color: #003333;
        padding-left: 9px;
        padding-top: 2px;
        }
        
        
.fileoptions a:hover { color: #003333; }
.fileoptions img {
        vertical-align: middle;
        }
#bottomcontent {
        text-align: left;
        clear: both;
        width: 600px;
        }
.bottomfiledetails {
        width: 600px;
        text-align: left;
        }
.optiontitle    {
        /* font: 1.2em Tahoma, Verdana, Arial, sans-serif; */
        color: #003333;
        /* font-weight: bold; */
        padding-top: 11px;
        padding-bottom: 1px;
        background-color: #FFFFFF;
        }
#filesizes {
        background-color: #F1F3F5;
        width: 350px;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #003333;
        }
#filesizes td {
        background-color: #F1F3F5;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #003333;
        }
.largetitle {
        font: 1.2em Tahoma, Verdana, Arial, sans-serif;
        color: #003333;
        font-weight: bold;
        margin-top: 11px;
        margin-bottom: 4px;
        }
.smalltitle {
        margin-top: 6px;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        color: #003333;
        }
.iotw {
        padding-bottom: 9px;
        }
.archivelinks {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        font-weight: bold;
        text-align: right;
        padding-top: 5px;
        color: #003333;
        }
.feature {
        padding: 0px;
        margin: 2px 0px 2px 0px;
}
.featurestitle {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #003333;
        margin-top: 0px;
}
.featureimage {
        float: right;
        padding: 0px;
        margin: 0px 0px 0px 4px;
}
.featurestext {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
        }
.featurestext a {
        color: #003333;
        text-decoration: none;
        }
.featurestext a:hover { color: #003333; }
#filedetail {
        padding-top: 14px;
        padding-bottom: 14px;
        text-align: center;
        border: 1px;
        border-color: #000000;
        }
#filedetail img {
        border-width: 1px;
        border-color: #003333;
        }
.shaded {
                font: 1em Tahoma, Verdana, Arial, sans-serif;
                color: #494949;
        }
.shaded a {
        color: #003333;
        text-decoration: none;
        }
.shaded img     {
        padding-left: 9px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 4px;
        }
        
/* BOTTOM CONTENT */

.photodescrip {
        padding-top: 9px;
        text-align: left;
        }
.photodescrip p {
        margin-top: 9px;
        }
#gallerydisplay {
        padding-top: 13px;
        padding-bottom: 8px;
        }
#gallerydisplay img {
        border-width: 1px;
        border-color: #003333;
        margin-bottom: 3px;
        }
#gallerydisplay table {
        padding-top: 8px;
        padding-bottom: 8px;
        }
#gallerydisplay td      {
        text-align: center;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #38597B;
        }
        
#mostpopular    {
        padding-top: 4px;
        padding-bottom: 4px;
        }
#mostpopular img {
        border-width: 1px;
        border-color: #38597B;
        margin-bottom: 3px;
        }
#mostpopular table {
        padding-top: 4px;
        padding-bottom: 4px;
        }
#mostpopular td {
        text-align: center;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #38597B;
        }
/* FOOTER */
#footer {
        clear: both;
        color: #003333;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        padding-top: 4px;
        }
#footer td {
        color: #003333;
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        }
#footer a {
        text-decoration: none;
        color: #003333;
        }
#footer a:hover {
        color: #38597B;
        }
/* FORMS */

.search, .field {
        width:                  150px;
        height:                 20px;
        padding:                0px;
        margin:                 2px;
        border-color: #494949;
        border-width: 1px 1px 1px 1px; 
        border-style: solid;
        font:                   1em Verdana, sans-serif;
        background-color: #F1F3F5;
        }
        
.dropdown {
        font-size:              0.9em; 
        font-family:            Verdana, sans-serif; 
        background-color:       #F1F3F5; 
        padding:                0px; 
        height:                 15px;
        margin:                 0px;
        border-color: #494949;
        border-width: 1px 1px 1px 1px; 
        border-style: solid;
}

.buttonwhite {
        font-size:              10px; 
        font-family:            Verdana, sans-serif; 
        background-color:       #003333; 
        color:                  #FFFFFF; 
        padding:                0px;
        height:                 18px; 
        margin:                 0px;
        border:                 1px solid #003333; 
}

input.topsearch { border: 1px solid #7699BD; font: 10px Arial, Helvetica; width: 130px; background: #F1F3F5; padding: 2px;  line-height: 14px; }

/* EMAIL */
  
.quote {
  border-color: #003333;
  border-style: solid;
  border-width: 0px 0px 0px 2px;
  padding: 0px 0px 0px 10px;
} 

/* ZEITGEIST */

.bargraph1 { 
  background-color: #003333; 
}

.bargraph2 { 
  background-color: #003333; 
}
.bargraph3 { 
  background-color: #B2B2B2; 
}

/* REPORT TABLE */
.reporttable { border: 0px; }
.reporttable tr {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }
.reporttable th {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #494949;
        padding: 3px 2px 4px 2px;
        background: url(/images/dots.gif) repeat-x bottom left;
  }
.reporttable td {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
        padding: 3px 2px 4px 2px;
        background: url(/images/dots.gif) repeat-x bottom left;
  }
.reporttable table {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }

/* OPTION CHECKBOX */
.searchoptions {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  padding-top: 3px;
  padding-left: 9px;
  padding-bottom: 3px;
        color: #494949;
        background-color: #F1F3F5;
        line-height: 14px;
}

.searchoptions img { padding: 0px; border: 0px; background-color: #7699BD; vertical-align: -10%; }
.searchoptions strong { font-weight: bold; }

/* BLOG */
#blog { line-height: 1.2em; }
#blog .tools { font-style: italic; margin-top: 2px; margin-bottom: 2px; }
#blog .head { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .admin { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .item, #blog .itemsticky { margin-bottom: 12px; }
#blog .itemsticky { background-color: #F1F3F5; padding: 6px 6px 6px 6px; border: 1px  solid #777777; }
#blog .comment { margin-bottom: 1px; background-color: #F1F3F5; padding: 6px 6px 6px 6px; }
#blog .caption { font-style: italic; }

/* FORUM */
#forum {}
table#forum { width: 600px; padding: 0px; margin: 0px; }
#forum .post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.2em; color: #3C3C3C; padding: 8px; }
.post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.3em; color: #3C3C3C; padding: 8px; }

/* SUPPORT */
#supportticket {}
#supportticket .message { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin: 6px; border: 1px solid gray; }

/* FILE UPLOAD */
/*.stepbox { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin-left: 6px; margin-right: 6px; border: 1px solid gray; }*/

/* ERROR */
.error { font-size: 1.1em; color: #FF0000; }
.error li { font-weight: bold; }

/* USER EDIT */

#useredit {}
#useredit .comment { margin-top: 2px; margin-bottom: 5px; color: #7699BD; font-size: 1.1em; }

/* TRAINING MANUAL */
#apptutorial { width: 100%; }
#apptutorial .inset { padding-right: 8px; }
#apptutorial .rightnav { width: 160px; }
#apptutorial .imagebox img { border: 1px  solid #777777; } 
#apptutorial .imagebox td { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }
#apptutorial .imagebox div { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }

/* RADIUS BUTTON */
#radiusbutt {
        background: url(../../images/radius_butt_left.gif) top left no-repeat;
        padding: 0px;
        background-color: #003333;
}
#radiusbutt td {
        background: url(../../images/radius_butt_right.gif) top right no-repeat;
        background-color: #003333;
        height: 17px; 
        padding: 0px 10px 0px 10px;
        font-size: 10px;
        font-weight: bold;
        line-height: 17px;
        vertical-align: middle;
        border-bottom: 0px solid #FFFFFF;
}
#radiusbutt a:link { color: #FFFFFF; }
#radiusbutt a:visited { color: #FFFFFF; }
#radiusbutt a:hover { color: #000000; background: transparent;  }
  
.radiusbutt {
        background: url(../../images/radius_butt_left.gif) top left no-repeat;
        padding: 0px;
        background-color: #003333;
}
.radiusbutt td {
        background: url(../../images/radius_butt_right.gif) top right no-repeat;
        background-color: transparent;
        height: 17px; 
        padding: 0px 10px 0px 10px;
        font-size: 10px;
        font-weight: bold;
        line-height: 17px;
        vertical-align: middle;
}
.radiusbutt a:link { color: #FFFFFF; } 
.radiusbutt a:visited { color: #FFFFFF; }
.radiusbutt a:hover { color: #000000; background: transparent;  }

/* CREATIVE NETWORK */

#creativeNetwork .shaded { background: #F1F3F5; padding: 3px; border-bottom: 2px solid #FFFFFF; } 
#creativeNetwork .alignright { text-align: right; }
#creativeNetwork .whitebg { background: #FFFFFF; }

#creativeNetwork table#forum { width: 350px; padding: 0px; margin: 0px; }

  
.hopFrame { height: 12px; margin-bottom: 3px; }
.hopBox { background:  url(../../images/hops.gif) top left repeat; margin-right: 10px;  height: 12px;  float: left; }

/* SITEMAIL */
.message_unread, .message_unread td { font-weight: bold; }

/* PHOTOGRAPHER APPLICATION */
.AppQuestion { font-weight: bold; }
.AppWrongQuestion { font-weight: bold; color: #FF0000; }
.AppResultAnswer { padding-left: 20px; }
.AppQuestDescript { padding-left: 20px; }

/* NAVIGATION BAR */
.navbarimg { background-color: #003333; border: 0px; }

/* THUMBNAILS */
.icons { height: 13px; }
.imageborder { border: 1px solid #CCCCCC; padding: 0px; }

/* SEARCH RESULTS */

table#results { height: 6px; margin-bottom: 3px; }
table#results .bar { background: #C2C2C2; }
table#results .background { background: #DFDFDF; }

/* TESTIMONIALS */
.testimonial { margin-bottom: 4px; padding-bottom: 4px; }

/* STEEL CAGE */

.judgevolley { 
        }
.judgevolley img {
        width: 275px;
        height: 206px;
        }

/* DEBUG */
/*
div { background-color: #FF0000; }
td { background-color: #00FF00; }
*/

/* FLOATER */
#trailimageid {
        position: absolute;
        visibility: hidden;
        left: 0px;
        top: 0px;
        width: 286px;
        height: 1px;
        z-index: 1000;
}

/* CART */
.cartupgradelist table{
        border               : 1px solid #CCC;
        border-collapse      : collapse;
}
.cartupgradelist td{
        border               : 1px solid #CCC;
        border-collapse      : collapse;
}
.cartupgradelist table{
        border                :none;
        border                :1px solid #CCC;
}


.cartupgradelist tr{
        padding               : 4px 
  color                 : #666;
}
.cartupgradelist td{
        padding               : 4px;
  color                 : #666;
}
.cartupgradelist tr:hover{
  background            : #FFF url(/images/tr_bck.gif) repeat;
}

.cartupgradelist td:hover{
  color                 : #454545;
}
.cartupgradelist td a:hover{
        text-decoration: underline;
        }


/* COPYSPACE */
.cs_box {
        border: 0px solid #CCC;
        padding: 0px;
/* spacing: 0px; TODO css has no "spacing" property -- do you mean margin? */
}

.cs_xxx {               border: 0px solid #888; background-color: #666; width: 20px; height: 20px;
background: url(/images/cs_grey.gif);
        }
.cs_on {                border: 0px solid #8C8; background-color: #4E4; width: 20px; height: 20px;
background: url(/images/cs_green.gif);
        }
.cs_off {               border: 0px solid #C88; background-color: #E44; width: 20px; height: 20px;
background: url(/images/cs_red.gif);
        }

/* CALENDAR */


#calendarhead a:link { color: #214769; text-decoration: none; font-weight: bold; }
#calendarhead a:visited  { color: #214769; text-decoration: none; }
#calendarhead a:hover { color: #000; text-decoration: none; }

#calendarhead  { 
        border-width: 1px 1px 0px 1px; 
        border-color: #777; 
        border-style: solid; 
        padding: 2px;
        width: 315px;
}

#calendarhead td  {
        background-color: #eee; 
        vertical-align: top; 
        padding: 3px; 
}


#calendar  {  border: 1px solid #777; width: 315px;}


#calendar td :first-line { font-weight: bold; }
#calendar td { width: 45px; }

#calendar td  a {
        text-align: left; 
        border: 1px solid; border-color: #fff #9F9FB4 #9F9FB4 #EAEAF8; 
        padding: 8px 5px 8px 5px; 
        display: block; }

#calendar td  a:visited {}

#calendar td  a:hover {
        border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2; 
        padding: 8px 5px 8px 5px; }

#calendar .on {background-color: #eee !important; }
#calendar .today {background-color: #E8E8FF; }

#calendar .off {
        background-color: transparent; 
        color: #A4A7B6; 
        border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2; 
        padding: 8px 5px 8px 5px;
}

#calendar .unavailable {
        background-color: #E4E7F6; 
        color: #A38080;
        border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2; 
    padding: 8px 5px 8px 5px;
}