/*************************************************************************
 *                                                                       *
 *               Primary Style Sheet for www.PCAdepts.com                *
 *                 All Content Copyright 2006 PCAdepts                   *
 *                      Contact: info@pcadepts.com                       *
 *                                                                       *
 *************************************************************************/

/*************************************************************************
 *{ Default Settings }                                                   *
 *************************************************************************/
body {
	margin: 0px; padding: 0px; background-image: url('/_assets/images/ui/UI-BG.png');
	color: #888888; font-size: 9pt; font-family: verdana, arial, sans-serif;
	background-attachment: fixed;
}

form { margin: 0px; padding: 0px; }
img  { border: none; }

/***********************************************************
 *{ Link Settings }                                        *
 ***********************************************************/

a         { color: #567BA4; text-decoration: none; }
a:visited { color: #567BA4; text-decoration: none; }
a:active  { color: #789DC6; text-decoration: none; }
a:hover   { color: #789DC6; text-decoration: underline; }


/***********************************************************
 *{ Site-Wide Text Classes }                               *
 ***********************************************************/

/* Heading Settings */
h1, h2, h3 {  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; }

h1 { margin: 10px 0px 5px; color: #567BA4; font-size: 13pt; border-bottom: 1px solid #567BA4; }
h2 { margin: 10px 0px 5px; color: #567BA4; font-size: 11pt; border-bottom: 1px solid #567BA4; }
h3 { margin: 10px 0px 5px; color: #567BA4; font-size: 10pt; border-bottom: 1px solid #567BA4; }
h4 { margin: 10px 0px 5px; }
h5 { margin: 10px 0px 5px; }
h6 { margin: 10px 0px 5px; }

p  { margin: 0px 0px 15px 0px; }

ul { margin: 0px; padding: 0px 0px 0px 20px; list-style-type: square; }


/***********************************************************
 *{ Feed Display CSS }                                     *
 ***********************************************************/

p.feedLink	{ font-size: 8pt; margin: 5px 0px 2px 0px; }
p.feedMeta	{ font-size: 7pt; margin: 2px 0px 0px 0px; }


/***********************************************************
 *{ Layout CSS }                                           *
 ***********************************************************/

div#container	{
	position: absolute; top: 0px; left: 50%; margin: 0px 0px 0px -472px;
	width: 914px; height: auto; padding: 0px 0px 0px 30px;
	background-image: url('/_assets/images/ui/UI-PAGE.png'); background-repeat: repeat-y;
}

div#internal	{
	position: relative; width: 884px; min-height: 550px;
	background-image: url('/_assets/images/ui/UI-PAGE-BG.jpg'); background-repeat: no-repeat;
}

img#version	{ position: absolute; top: 0px; left: 27px; }

div#topBar	{
	position: relative; margin-top: 45px; width: 100%; height: 18px;
	background-image: url('/_assets/images/ui/UI-TOP-BAR-BG.png');
}
img#topBarL	{ position: absolute; top: 0px; left: 0px; }
img#topBarR	{ position: absolute; top: 0px; right: 0px; }

/* Navigation Settings */
div#navBar	{
	position: relative; margin-top: 134px; width: 100%; height: 39px;
	background-image: url('/_assets/images/ui/UI-NAV-BAR-BG.png');
}

div#navBarMain	{
	position: relative; float: right; width: 450px; height: 26px;
	background-image: url('/_assets/images/ui/UI-NAV-BAR-MAIN-BG.png');
}
img#navSkull		{	position: relative; float: right; cursor: default; border: none; }
img#navBarMainL	{	position: relative; float: right; }

div#navBarMain a.navLink	{
	color: #4C7AAE; font-family: arial; font-size: 8pt; font-weight: bold;
	float: right; padding: 0px 10px; margin: 4px 0px; line-height: 18px;
	border-left: 1px dotted #4C7AAE;
}
div#navBarMain a.navLink:hover	{
	color: #B2C7DE; font-family: arial; font-size: 8pt; font-weight: bold;
	float: right; padding: 0px 10px 0px 11px; margin: 0px 0px; line-height: 26px;
	border: 0px none #4C7AAE; background-image: url('/_assets/images/ui/UI-NAV-BAR-ACTIVE-BG.png');
}
div#navBarMain a.current	{
	color: #B2C7DE; font-family: arial; font-size: 8pt; font-weight: bold;
	float: right; padding: 0px 10px; margin: 0px 0px; line-height: 26px;
	border: 0px none #4C7AAE; background-image: url('/_assets/images/ui/UI-NAV-BAR-ACTIVE-BG.png');
}

/* Column Settings */
div#columnSet       { position: relative; margin: 0px 0px 10px 0px; }
div.col_100_percent { position: relative; width: 874px; margin: 5px; }
div.col_075_percent { position: relative; width: 653px; margin: 5px; float: left; }
div.col_066_percent { position: relative; width: 578px; margin: 5px; float: left; }
div.col_050_percent { position: relative; width: 431px; margin: 5px; float: left; }
div.col_033_percent { position: relative; width: 284px; margin: 5px; float: left; }
div.col_025_percent { position: relative; width: 211px; margin: 5px; float: left; }

img.sectionIcon { position: relative; display: block; margin: 0px auto; margin-bottom: -65px; z-index: 1; }

/* Content Box Settings */
div.smallBox       { position: relative; border: 1px solid #5B636D; margin: 7px 0px 3px 0px; z-index: 5; }
div.smallBoxHeader {
	position: relative; height: 18px; color: #8FADCF; font-family: verdana; font-size: 8pt;
	background-image: url('/_assets/images/ui/UI-SMALL-BOX-HEADER-BG.png'); line-height: 16px; padding: 0px 3px;
	border-bottom: 1px solid #5B636D; border-right: 1px solid #000000; border-left: 1px solid #000000;
}
div.smallBoxHeader a { color: #8FADCF; }

div.largeBox	{ position: relative; border: 1px solid #5B636D; margin: 0px 0px 10px 0px; }
div.largeBoxHeader	{
	position: relative; height: 25px; color: #8FADCF; font-family: verdana; font-size: 10pt; font-weight: bold;
	background-image: url('/_assets/images/ui/UI-LARGE-BOX-HEADER-BG.png'); line-height: 23px; padding: 0px 3px;
	border-bottom: 1px solid #5B636D; border-right: 1px solid #000000; border-left: 1px solid #000000;
}
div.largeBoxHeader a { color: #8FADCF; }

div.boxContent {
	position: relative; padding: 5px;
	background-image: url('/_assets/images/ui/UI-BOX-BG.png');
	border: 1px solid #000000;
	/* Fixes IE8 Rendering Bug */
	filter:;
}

/* Bottom of Page Settings */
div#bottomSpacer { font-size: 6pt; }

div#bottomBar {
	position: relative; bottom: -39px; width: 884px; height: 39px;
	line-height: 14px; text-align: center; font-size: 7pt; color: #3D628B;
	background-image: url('/_assets/images/ui/UI-BOTTOM-BAR-BG.png');
}
img.bottomBarL	{ position: absolute; top: -7px; left: -30px; }
img.bottomBarR	{ position: absolute; top: -7px; right: -30px; }

/* Table Settings */
table    {  }
tr       { vertical-align: top; }
th       { text-align: left; padding: 0px 15px 0px 0px; border-bottom: 1px solid #5B636D; }
td       { padding: 2px 15px 2px 0px; }

table.highlight tr:hover { background: #333333; }

/* Menu Settings */
#menu_2 				{ position: absolute; display: none; bottom: 26px; right: 204px; border: 1px solid #333333; }
#menu_2 div.menuItem	{ width: 100px; text-align: center; }
#menu_2 div.menuHead	{ width: 100px; height: 9px; font-size: 3px; background-image: url('/_assets/images/ui/UI-MENU-TOP.png'); border-bottom: 1px solid #000000; }
#menu_2 a				{ display: block; color: #000000; padding: 3px; width: 94px; background-image: url('/_assets/images/ui/UI-MENU-BG.png'); border-bottom: 1px solid #294059; }
#menu_2 a:hover			{ color: #8FADCF; }

#menu_3 				{ position: absolute; display: none; bottom: 26px; right: 141px; border: 1px solid #333333; }
#menu_3 div.menuItem	{ width: 100px; text-align: center; }
#menu_3 div.menuHead	{ width: 100px; height: 9px; font-size: 3px; background-image: url('/_assets/images/ui/UI-MENU-TOP.png'); border-bottom: 1px solid #000000; }
#menu_3 a				{ display: block; color: #000000; padding: 3px; width: 94px; background-image: url('/_assets/images/ui/UI-MENU-BG.png'); border-bottom: 1px solid #294059; }
#menu_3 a:hover			{ color: #8FADCF; }

#menu_4 				{ position: absolute; display: none; bottom: 26px; right: 63px; border: 1px solid #333333; }
#menu_4 div.menuItem	{ width: 100px; text-align: center; }
#menu_4 div.menuHead	{ width: 100px; height: 9px; font-size: 3px; background-image: url('/_assets/images/ui/UI-MENU-TOP.png'); border-bottom: 1px solid #000000; }
#menu_4 a				{ display: block; color: #000000; padding: 3px; width: 94px; background-image: url('/_assets/images/ui/UI-MENU-BG.png'); border-bottom: 1px solid #294059; }
#menu_4 a:hover			{ color: #8FADCF; }

#menu_5 				{ position: absolute; display: none; bottom: 26px; right: 0px; border: 1px solid #333333; }
#menu_5 div.menuItem	{ width: 100px; text-align: center; }
#menu_5 div.menuHead	{ width: 100px; height: 9px; font-size: 3px; background-image: url('/_assets/images/ui/UI-MENU-TOP.png'); border-bottom: 1px solid #000000; }
#menu_5 a				{ display: block; color: #000000; padding: 3px; width: 94px; background-image: url('/_assets/images/ui/UI-MENU-BG.png'); border-bottom: 1px solid #294059; }
#menu_5 a:hover			{ color: #8FADCF; }

/* Gallery Settings */
img.galleryThumb      { border: 1px solid #000000; margin: 0px 5px 0px 5px; cursor: pointer; }

div#gallery           { position: relative; text-align: center; }
div#galleryInfo       { width: 98%; padding: 5px; margin: 0px 0px 10px 0px; text-align: left; border-bottom: 1px solid #567BA4; }
div#galleryResLinks   { padding: 5px 0px 0px; border-top: 1px solid #567BA4; }
div#galleryResLinks p { margin: 0px 0px 5px 0px; padding: 2px 0px 0px 0px; }
a.galleryResLink      { float: left; width: 75px; padding: 0px 5px; }
h3.galleryResTitle    { float: left; clear: left; width: 150px; margin: 0px 10px 0px 0px; padding: 0px; color: #999999; text-align: right; border: none; }
p.galleryComment      { text-align: left; }
span.galleryDate      { color: #666666; line-height: 20px; font-size: 8pt; padding: 0px 25px 0px 0px; }
span.galleryMedium    { color: #666666; line-height: 20px; font-size: 8pt; padding: 0px 0px 0px 25px; }


/* Color Lab Settings *
#clab_SL   { position: relative; width: 200px; height: 200px; margin: 7px 7px; background: #FF0000 url('/_assets/images/color_lab/SL.png') 0px 0px no-repeat; }
#clab_SL_m { position: absolute; width:  15px; height:  15px; top: 192px; left: -7px; }
#clab_H    { position: relative; width: 200px; height:  31px; margin: 0px 7px; background: #000000 url('/_assets/images/color_lab/H.png') 0px 0px no-repeat; }
#clab_H_m  { position: absolute; width:   9px; height:  31px; top: 0px; left: -4px; }
#clab_h, #clab_s, #clab_l { width: 30px; text-align: right; }
#clab_r, #clab_g, #clab_b { width: 30px; text-align: right; }
#clab_hex    { width: 60px; text-align: right; }
#clab_swatch { width: 90px; height: 50px; padding: 5px; border: 1px solid #000000; background: #000000; }
#clab label  { display: block; text-align: right; margin: 0px; font-size: 8pt; line-height: 22px; }
#clab td     { padding: 0px; }
*/

/* Color Lab Settings */
#clab            { position: relative; width: 600px; }
#clab label      { display: block; margin: 0px 0px 10px 0px; font-size: 8pt; line-height: 22px; }

#clab_picker_sat { position: absolute; top:  10px; left:  10px; width: 200px; height: 200px; background: #FF0000 url('/_assets/images/color_lab/SL.png') 0px 0px no-repeat; }
#clab_marker_sat { position: absolute; top: 192px; left:  -7px; width:  15px; height:  15px; }
#clab_picker_hue { position: absolute; top: 220px; left:  10px; width: 200px; height:  31px; background: #000000 url('/_assets/images/color_lab/H.png') 0px 0px no-repeat; }
#clab_marker_hue { position: absolute; top:   0px; left:  -4px; width:   9px; height:  31px; }
#clab_hsl        { position: absolute; top:  10px; left: 220px; width: 125px; text-align: right; }
#clab_rgb        { position: absolute; top:  10px; left: 350px; width: 100px; text-align: right; }
#clab_hex        { position: absolute; top: 125px; left: 220px; width: 155px; text-align: right; }
#clab_submit     { position: absolute; top: 125px; left: 350px; width: 100px; text-align: right; }
#clab_swatch     { position: absolute; top: 190px; left: 230px; width:  90px; height: 50px; padding: 5px; border: 1px solid #000000; background: #000000; }

#clab_field_h    { width: 30px; text-align: right; }
#clab_field_s    { width: 30px; text-align: right; }
#clab_field_l    { width: 30px; text-align: right; }
#clab_field_r    { width: 30px; text-align: right; }
#clab_field_g    { width: 30px; text-align: right; }
#clab_field_b    { width: 30px; text-align: right; }
#clab_field_hex  { width: 60px; text-align: right; }

#clab_schemes      { position: relative; top: 275px; margin-bottom: 275px; padding: 8px; }
#clab_schemes h2   { clear: both; }
.clab_scheme_color { float: left; width: 65px; height: 35px; margin: 5px 10px 20px 0px; color: #FFFFFF; font-size: 8pt; text-align: center; line-height: 35px; border: 1px solid #000000; background: #000000; }