/* Vertex42 CSS Document (c) 2008 Vertex42 LLC */

/* ===========  GENERAL  ============ */
body {margin:0;font-family:Arial, Helvetica, sans-serif;background:#f5f5f5;text-align:center;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;}
a {color:#369;}
a:hover {color:#060;}
a img {border:0;}
.clear { clear:both;}

/* =======================  BANNER ======================== */
#banner {margin:0px; padding:0px; background:#000; color:#ffffff;}
#banner img {margin:5px;}
#banner-nav {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#CCC; white-space: nowrap; margin:0px; padding-left:15px; text-align:left; background:#3969ad; font-size:14px;}
#banner-nav .tab {display:inline-block; padding-left:7px; padding-right:7px; padding-top:5px; padding-bottom:7px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
#banner-nav .selected {background:#fff; color:#333; margin-top:-5px; padding-top:10px;}
#banner-nav a {color:#fff; margin-right:5px; text-decoration:none; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#banner-nav a:hover {background:#fff; color:#333; margin-top:-5px; padding-top:10px;}

/* =========== SEARCH =============== */
#search {position:absolute; top:20px; right:20px; z-index:116; font-family:Arial, Helvetica, sans-serif; top:11px; padding-right:15px; white-space:nowrap; text-align:right;}
#search form {margin:0px; margin-top:10px; padding:0px;}
#search .field {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;height:22px;border:1px solid #999;background:#fff url(http://cdn.vertex42.com/Images/sprite4c.png) no-repeat -498px 0;padding:0;padding-left:18px;}
#search .button {font-size:12px;padding:2px 5px 3px 5px;border:1px solid #999;background-color:#eee;color:#555;text-decoration:none;cursor:pointer;}
#search .button:hover {background-color:#ccc;color:#000;}
#search .button:active {background-color:#777;color:#eee;}

/* =======    BREADCRUMB        ===== */
#breadcrumb {display:block;font-family:Tahoma, Arial, Helvetica, sans-serif;color:#999;font-size:11px;margin:0px;padding:4px;padding-left:5px;margin-bottom:10px;line-height:20px;}
#breadcrumb a {color:#777;text-decoration:none;margin:0 5px;}
#breadcrumb a:hover {color:#09C;}

#linknav {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#C5AF7D; padding-top:5px; padding-bottom:7px; padding-left:15px; }

/* =======    FOOTER  NAVBAR    ======== */
#footer {position:relative;font-family: Arial, Helvetica, sans-serif;font-size:12px;background:#E1EAEF;border-top:1px solid #999;margin-top:20px;height:100px;padding-top:10px;}
#footer a {color:#005c99;text-decoration:none;}
#footer a:hover {color:#7E96A0;}
#navbar-footer {float:right;text-align:right;background:none;}
#colophon {float:left;width:450px;}

/* =========== LAYOUT ========== */
.wrapper {text-align:left;position:relative;width:900px;margin:0 auto;/* the auto margins and a width center the page */}
.container {width:950px;position:relative;}
	#content-left {float:left;width:200px;font-size:12px;vertical-align:top;}
	#content {float:left;width:730px;border:1px solid #ccc;background:#fff;}
		#content-main {margin:0 25px;width:680px;padding:20px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
	#content-right {float:right;width:200px;font-size:12px;vertical-align:top;}

#content-main table {font-size:12px;}
#content-main h1 {font-size:28px;color:#333;padding-bottom:2px;border-bottom: 1px solid #4A696B;margin-bottom:5px;}
#content-main h2 {font-size:18px;color:#555;padding-bottom:2px;margin-top:2em;margin-bottom:5px;}
#content-main h2.bg {background-color:#eeeef5;color:#555;font-size:20px;font-weight:normal;line-height:26px;padding:3px 6px;margin:2em 0 0 0;border:none;font-family:Arial, Helvetica, sans-serif;}
#content-main h3 {font-size:14px;color:#555;padding-bottom:2px;margin-top:1em;margin-bottom:0px;}

/* ======= HEADER (H1) ========== */
#header {border-bottom:1px solid #ddd;padding-bottom:10px;}
#header h1 {border:0px;margin-bottom:0px;color:#305992;}
#subline {color:#888;}

div.description {margin-top:1em;}

.hrb {background:url(http://cdn.vertex42.com/Images/hrbt.png) no-repeat 0px -10px;height:9px;width:710px;border:none;margin:2em -15px;}
.hrb.title {margin:0 -15px;}
.hrb.subtitle {margin:0 -15px 1em -15px;}

/* =======    NAV LIST    ======== */
.navlist {font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:12px;margin-top:20px;line-height:1.5em;border:1px solid #ccc;background:#f9f9f9;color:#555;}
.navlist a {text-decoration:none;color:#305992;display:block;padding:3px 7px;padding-right:3px;}
.navlist a:hover {color:#09C;}
.navlist h2, .navlist h3 {font-family:Arial, Helvetica, sans-serif;font-style:normal;background:#CCC;color:#333;font-size:11px;text-transform:uppercase;line-height:28px;padding:0 10px;}
.navlist h2 a, .navlist h3 a {font-family:Arial, Helvetica, sans-serif;color:#333;text-decoration:none;padding:0;margin:0;line-height:28px;display:inline;}
.navlist h2 a:hover, .navlist h3 a:hover {color:#069;}
.navlist h2 {background:#3969AD;color:#fff;}
.navlist h2 a {color:#fff;}
.navlist h2 a:hover {color:#eee;}

.navlist ul {list-style:none;margin:0;padding:0;}
.navlist ul li {margin:0;padding:0;}
.navlist ul li a {display:block;margin:0;width:100%;padding:3px 0px 4px 4px;text-decoration:none;}
.navlist ul li a:hover {background:#eee;text-decoration:none;}
.subnavlist {margin-left:5px;padding-top:2px;padding-bottom:4px;color:#777;}

/* =======    SIDEBARS    ======== */
#content-right h4, #content-left h4 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;font-size:11px;font-weight:bolder;line-height:18px;background:none;margin-bottom:0.5em;}

.side-nav ul {margin:0;padding:0;list-style:none;}
.side-nav li {display:block;margin:0;padding:0;background:#ddd;border-bottom:2px solid #ccc;}
.icon20 {display:block;float:left;margin:5px 5px 0 5px;background:url(/Images/icon20_sprite.png) no-repeat;height:20px;width:20px;}
.side-nav a {display:block;height:30px;line-height:30px;overflow:hidden;color:#555;font-weight:bold;text-transform:uppercase;font-size:12px;text-decoration:none;}
.side-nav a:hover, .side-nav a.active {color:#06A;text-decoration:none;background:#eee;}

/* Template Gallery */
.item {float:left;width:200px;margin:0 12px 3em 12px;z-index:1;}
.item .itemtitle {text-align:center;margin:0;font-size:14px;font-weight:bold;min-height:220px;}
.item .itemtitle a {text-decoration:none;}
.item .itemtitle a:hover {text-decoration:underline;}
.item img {margin:10px 0;-moz-box-shadow:0px 0px 8px #ccc;-webkit-box-shadow:0px 0px 8px #ccc;box-shadow:0px 0px 8px #ccc;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#aaaaaa')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#aaaaaa');}
.item .itemtitle a:hover img {-moz-box-shadow:0px 0px 8px #555;-webkit-box-shadow:0px 0px 8px #555;box-shadow:0px 0px 8px #555;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');}
.item .itemstats {background:#f0f0f0;color:#666;padding:5px;font-size:11px;}
.note {display:none;font-size:12px;line-height:16px;position:absolute;top:50px;left:180px;padding:10px;background:#fff;color:#333;border:1px solid #ccc;box-shadow:5px 5px 5px rgba(0,0,0,0.2);-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);z-index:9999;min-width:200px;}
.note ul {margin:0;padding:0;margin-left:15px;}
.note li {margin:0;padding:0;}
.has_note:hover {position:relative;}
.has_note:hover .note {display:block;}

/* ==== DIRECTORY FORMATS ==== */
.categories { border-right:#C0C0C0 1px solid; border:#C0C0C0 1px solid; background-color:#F4F4F4; padding:10px; }
.subcategories { margin-left:40px; }
.subcategory { float:left;width:320px; margin-bottom:0.5em;}
.subcategory .folder { }
.subcategory .description {font-size:10px;margin-left:20px;margin-top:0;}

.browse-notice { border:1px solid #eee; background-color:#f5f5f5; -moz-border-radius:5px;-khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; font-size:12px; margin-bottom:1em; }



a.link13a_bold { /* links in cell1 */
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: none
}
a.link13a_bold:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: none
}
a.link13a_bold:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: underline
}
a.link13a_bold:active {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: underline
}

A.link10,A.link10:visited,A.link10:hover,A.link10:active {
	font-weight: normal; font-size: 10px; color: #405679; font-family: Verdana, Arial, Helvetica;
	text-decoration: underline;
}
A.link10:hover,A.link10:active { color: #A98C4B; text-decoration: none; }

A.link10a {  /* links in the top table on each page (table3) */
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: none
}
A.link10a:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: none
}
A.link10a:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: underline
}
A.link10a:active {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #646464; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: underline
}

A.linkTitle,A.linkTitle:visited,A.linkTitle:hover,A.linkTitle:active {
	font-weight: bold; font-size: 13px; color: #006600; font-family: Verdana, Arial, Helvetica;
	text-decoration: underline; padding-left:5px;
}
A.linkTitle:hover,A.linkTitle:active { color: #646464; }
A.linkTitle:visited { color: #646464; }


.division {border-bottom:1px #C5AF7D solid;background-color:#E6E5D0; padding:3px; padding-left:10px; margin-bottom:10px;}
DIV.indent1 { /* Indent one level */
	padding-left: 20px;
}
.text13 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-weight: normal; font-size: 13px; color: #000000;
	text-decoration: none;
}
.text13a_bold { /* text in cell1 */
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold; font-size: 13px; color: #A98C4B;
	text-decoration: none;
}
.text13blue { /* category names and other titles */
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold; font-size: 13px; color: #A98C4B;
	text-decoration: none;
}
.text11 {
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-weight: normal; font-size: 11px; color: #000000;
	text-decoration: none;
}

.text10 { /* category descriptions */
	FONT-SIZE: 10px; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: none
}
.text10a { /* text in head.txt - in cell2 */
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: "VERDANA", "ARIAL","HELVETICA"; 	TEXT-DECORATION: none
}
.text10a_bold { /* small titles in left/right columns */
	font-family: Verdana, Arial, Helvetica, "sans serif";
	font-weight: bold; font-size: 12px; color: #A98C4B;
	text-decoration: none;
}

.button10 { 
	font-family:Verdana; font-size:10px; color:#646464;
	background-image:url('button_1.jpg'); background-repeat:repeat-x; padding:1px;
	border-width:1px; border-color: #AEAEAE; border-style:solid;
    cursor: pointer;
}
.button11 { 
	font-family:Verdana; font-size:11px; color:#646464;
	background-image:url('button_1.jpg'); background-repeat:repeat-x; padding:1px;
	border-width:1px; border-color: #AEAEAE; border-style:solid;
}


.field10 { 
	FONT-SIZE: 10px;
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; border-color:#A8B0B8; BACKGROUND-COLOR: #FFFFFF;
	padding-left: 2px; padding-right: 2px;
}
.field11 { 
	FONT-SIZE: 11px;
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; border-color:#A8B0B8; BACKGROUND-COLOR: #FFFFFF;
}

.table1 { /* table in the middle of most pages */
	border:none; background: #FFFFFF; padding-left: 5px;
}
.table2 { /* sponsored link */
	BORDER-RIGHT: #C0C0C0 1px solid; BORDER-TOP: #C0C0C0 1px solid; BORDER-LEFT: #C0C0C0 1px solid; BORDER-BOTTOM: #C0C0C0 1px solid;
	BACKGROUND-COLOR: #FFFFE8;
	/* background-image:url('background_tables.jpg'); background-repeat:repeat; */
}
.table3 { /* whole tables in left/right columns */
	border: 1px solid #C5AF7D;
	background: #E6E5D0;
	margin-top: 10px;
}
.table4 { /* small tables in left/right columns */
	border-style: none;
	background: none;
}
.table5 { /* categories on home page, top table on each page (search), subcategories */
	border-right:#C0C0C0 1px solid;
	border:#C0C0C0 1px solid;
	background-color:#F4F4F4;
	margin:3px 10px;
}

.cell1 { /* top of most tables */
	background-color: #F5F5F5;
	border-bottom: #CCCCCC;
	padding:4px;
}
.cell2 { /* table in head.txt */ border:none; background-color:#fff; }
.cell3 { /* top of tables in the left/right columns */
}