@import "/download/templates/css/grid16css";


#tinymce .grid-1, #tinymce .grid-2, #tinymce .grid-3, #tinymce .grid-4,
#tinymce .grid-5, #tinymce .grid-6, #tinymce .grid-7, #tinymce .grid-8, 
#tinymce .grid-9, #tinymce .grid-10, #tinymce .grid-11, #tinymce .grid-12, 
#tinymce .grid-13, #tinymce .grid-14, #tinymce .grid-15, #tinymce .grid-16
{
	margin: 5px;
}

.mceContentBody { padding: 2px !important; }

/* About us section */

.col-sml {
	float: left;
	margin: 10px 0;
}

.col-lrg { margin-left: 110px; }

.list-all .col-sml { width: 90px; }

.list-all .col-sml img { width: 100%; }

.list-all .row-list {
	margin: 0 0 50px;
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#search-keyword #searchtext {
	background-color: #8F8F8F;
	color: #000;
}

/* Register & Sign in */

#register #comsignin, #signin #comsignin {
	background: #fff;
	border: 1px solid #ccc;
}

#register #content-inner, #signin #content-inner {
	padding-top: 1em;
}

/*-------------------------------------------- 
[-- TABLE OF CONTENTS --]
	PALLETTE
		Font Styles
		Background Images
	LAYOUT
	COMPONENTS
		HIDE SYSTEM ELEMENTS
		PAGE TITLE
		TRAILERBAR
		SEARCH
		LOGO/TAGLINE
		PRIMARYNAV
		Custom Navigation
			Partner's Login
			Developer's Challenge
			Blog Channel
	CUSTOM CONTENT
		HOMEPAGE
			Javascript 3 hover boxes
			Bottom 3 column boxes
		SUBPAGES
			In the news
			Generic Subpage template

# -------------------------------------------- */


/*--------------------------------------------- */
/*               >>> PALETTE <<<                */
/*--------------------------------------------- */

/* Font Styles
------------------------------------- */

body {
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
}

a, #page #tinymce a				{ color: #005591; text-decoration: none; }

a:hover, #page #tinymce a:hover	{ color: #80a8e5; text-decoration: underline;}

#breadcrumb, #breadcrumb a,
#footer ul li.copyright, #footer ul li.copyright a, 
#meta, #meta a, #trailer, #trailer a, #trailerbar, #trailerbar a 
{
	color: #acacac;
}

h1, h1 a, h2, h2 a {
	color: #005591;
}

h3, h4 { color: #3c3c3c; }

#footer, #footer a { color: #7b7b7b; }

#footer {
	font-size: 0.9166em;
	line-height: 1.6363em;
	margin-bottom: 1.6363em;
}

/* HOME */

#home #content-head { height: 0 !important; min-height: 0 !important; }


/* Background Images
------------------------------------- */

body 		   { background: #ffffff url(/download/gallery/img/bodypng) repeat-x 0 -20px; }
#home          { background-position: 0 0; }
#content	   { background: transparent; }
#header 	   { background:         url(/download/gallery/img/headerpng) repeat-x; }
#header-inner  { background:         url(/download/gallery/img/headerinne) no-repeat 110% 100%; }


/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */

#page {
	margin: 0 auto;
	width: 980px;
}

#header { height: 90px; }

#content-inner	{
	min-height: 327px;
	padding: 0px 10px 10px;
	position: relative;
}

#content-body 	{
	padding-top: 0px !important;
}

#footer { padding: 0 10px; }



/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */

/* HIDE SYSTEM ELEMENTS
=============================================== */

#userbar, #breadcrumb  { display: none; }



/* PAGE TITLE
=============================================== */

#content-head h1 { 
	color: #3C3C3C;
	font-size: 2.5em;
	margin-bottom: 5px;
	padding: 30px 10px 0;
}

#contentmenu {
	position: absolute; right: 10px;
}


/* TRAILERBAR 
=============================================== */

#trailerbar-meta a.icon-feed { margin:-8px 0 0; } /* Build 17 BUG */


/* SEARCH
=============================================== */

#search-keyword { top: 100px; right: 150px; }

#search-keyword #searchtext { width: 150px;}


/* LOGO/TAGLINE
=============================================== */

#logo {
	margin-left: 20px;
	position: relative; top: 15px;
}

#logo a {
	background: url(/download/gallery/img/logopng) no-repeat;
	_background-image: url(/download/gallery/img/ie6logopng);
	
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding: 65px 0 0;
	width: 202px;
}


/* PRIMARYNAV
=============================================== */

#navigation	 { background: url(/download/gallery/img/navigation) no-repeat 10px 0; }

#primarynav ul { background: url(/download/gallery/img/primarynav~3) repeat-x 0 0;  }

#navigation { 
	padding-top: 4px; 
}

#primarynav {
	font-size: 0.95em;
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#primarynav ul {
	margin: 0 10px;
	overflow: hidden;
	padding-left: 5px; 

	_height: auto !important;
	_height: 1%;
	_overflow: hidden;
}

#primarynav li { float: left; }

#primarynav a {
	display: block;
	line-height: 36px;
	margin: 0 1px;
	min-height: 36px;
	padding: 0 10px;
	text-decoration: none;
}

#primarynav         a { color: #fff; }
#primarynav li.here a { color: #fff; }

#primarynav li      a       { background: url(/download/gallery/img/primarynav~3) repeat-x 0 0; }
#primarynav li.here a 		{ background-position: 0 -36px;}
#primarynav li      a:hover	{ background-position: 0 -72px; }


/* Custom Navigation
-----------------------------------------------*/

/* Partner Login */

#primarynav #nav-partnerlog a {
	color: #fff;
	font-weight: bold;
}

#primarynav #nav-partnerlog {
	background: url(/download/gallery/img/primarynav~3) repeat-x 0 -144px; 
	float: right;
}

#primarynav #nav-partnerlog a { 
	background: url(/download/gallery/img/iconpartne) no-repeat 8px 50%;
	_background-image: url(/download/gallery/img/ie6iconpar);
	padding-left: 30px;
}

#primarynav #nav-partnerlog:hover { background-position: 0 -108px; }

/* Developer's Challenge */

#nav-09contest { display: none; }

#primarynav #nav-09contest a { background: url(/download/gallery/img/primarynav~3) repeat-x 0 -180px; }

#primarynav #nav-09contest a:hover { background-position: 0 -216px; }


/* Blog Channel */

#footer-custom, #footer-system {
	display: inline;
	float: left;
	margin: 0 10px;
}

#footer-custom {
	margin-left: 0;
	width: 820px;
}

#footer-system {
	margin-right: 0;
	padding-top: 30px;
	width: 100px;
}

/*
#nav-blogs { visibility: hidden; }

#nav-blogchannel {
	margin-left: 182px;
	position: absolute; top: 94px;
	text-align: center;
	width: 46px;
}

#nav-blogchannel a {
	color: #fff !important;
	display: block;
	line-height: 36px;
	min-height: 36px;
}

#nav-blogchannel a:hover {
	background: url(/download/gallery/img/primarynav~3) repeat-x 0 -72px;
	text-decoration: none;
}

#blogs #nav-blogchannel a {
	background: url(/download/gallery/img/primarynav~3) repeat-x 0 -36px;
}
*/

/*--------------------------------------------- */
/*            >>> CUSTOM CONTENT <<<            */
/*--------------------------------------------- */


/* HOMEPAGE
=============================================== */

/* Javascript 3 Hover Boxes
-----------------------------------------------*/

div.container {
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#box1, #box2, #box3 {
	background: #d2d2d2;
	color: #000;
	cursor: default;
	padding: 10px 20px 45px;
	/*position: relative; top: -140px;*/
	margin-top: -140px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

#tinymce #box1, #tinymce #box2, #tinymce #box3 {
	opacity: 1;
	visibility: visible;
}

#image1, #image2, #image3 {
	border-top: 1px solid #575757;
	float: left;
	position: relative;
	width: 320px;
}

#image1 .button-more,
#image2 .button-more,
#image3 .button-more
{
	position: absolute; top: 215px; right: 20px;
	width: 120px;
	z-index: 5;
}

#wa-09contest h1.home-title,
#wa-templates h1.home-title,
#wa-news h1.home-title
{
	color: #3c3c3c;
	margin-bottom: 0;
	padding: 1.25em 0 0;
}

/* Bottom 3 column boxes 
-----------------------------------------------*/

div.homeboxes {
	background: url(/download/gallery/img/seperators) 50% 0 repeat-y;
}

div.homeboxes div.grid-4 { margin-top: 0; margin-bottom: 0; }

div.homeboxes p {
	font-size: 11px;
	margin-bottom: 0;
}

div.homeboxes div.grid-4 ul { margin-bottom: 0; }

div.homeboxes h2 {
	color: #3c3c3c;
	font-size: 22px;
}

div.homeboxes a {
	font-size: 12px;
	font-weight: bold;
}

div.bblogo {
	background: url(/download/gallery/img/logopeiceg) 100% 0 no-repeat;
}

div.rssbox ul { margin-left: 0; }

div.rssbox .rss-date { color: #a0a0a0; }

.rssbox ul li {
	font-size: 11px;
	list-style: none;
}



/* SUBPAGES
=============================================== */

/* In the News
-----------------------------------------------*/

#wa-news .rssbox { padding-top: 2em; }

#wa-news .rssbox a {
	font-size: 18px;
	padding-bottom: 10px;
}

#wa-news .rssbox li { 
	background: url(/download/gallery/img/rssiconpng) 0 0 no-repeat;
	color: #5f5f5f; 
	font-size: 12px; 
	margin-bottom: 4em;
	padding-left: 80px;
}

#wa-news .rssbox li .rss-date {
	display: none; 
	padding-top: 10px;
}

/* Generic Subpage Template
-----------------------------------------------*/

div.bannerBox {
	background: #01903d url(/download/gallery/img/1pxgreengi) 0 100% repeat-x;
	border: 1px solid #c0c0c0;
	padding: 15px;
}

div.bannerBox * { color: #fff !important; }

div.subnav {
	background: url(/download/gallery/img/navbtmgif) 0 100% no-repeat;
	margin-top: 0;
}

div.subnav div.inner {
	background: url(/download/gallery/img/navtopgif) 0 0 no-repeat;
	padding-top: 35px;
}

div.subnav h2.heading3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1em;
	padding-left: 15px;
}

div.subnav ul {
	margin: 0 0 3em 10px;
	padding-right: 10px;
}

div.subnav ul li {
	background: url(/download/gallery/img/navbulletg) 0 7px no-repeat;
	list-style: none;
	padding-left: 10px;
}

div.subnav ul li a { font-size: 11px; }

h2.headMajor {
	background: url(/download/gallery/img/headbluepn) 0 0 no-repeat;
	color: #fff;
}

h2.headMinor {
	background: url(/download/gallery/img/headgreypn) 0 0 no-repeat;
	color: #fff;
}


#content-banner { display: none; }
#wa-main #content-banner { display: block; }
#wa-main #content-head h1 { display: none; }
#wa-main #content-body { margin-top: -10px; }

#content-banner {
	background: #494949 url(/download/gallery/img/home01jpg) no-repeat 0 100%;
	border-top: 1px solid #575757;
	min-height: 165px;
}

#content-banner h1 { color: #fff; } 

#content-banner *, #content-banner a { color: #bcbcbc; }

#bodycontent-white, .bodycontent-white {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}


/* TEAM AND BAC */

div.box {
	height: auto !important;
	height: 1%;
	overflow: auto;
	margin: 0 1.5em 2em;
}

div.box-image {
	float: left;
	text-align: center;
	width: 130px;
}

div.box-content {
	margin-left: 155px;
}

/* IE6 */
/*.toggleslider-slider { _margin-top: 0px; }*/
#content-banner {
	_height: auto !important;
	_height: 1%;
	_overflow: hidden;
}