/*-------------------------------------------- 
[-- COMMUNITY --]
	MAVERICK

[-- ASSIGNED TO --]
	Ahmad Merhi

[-- COLORS --]
	Green: #52a44c
	Fushia: #ee266d
	Blue: #5b83a8
	
	Body #606060
	Footer #868685
	Footer-links #41413f

[-- TABLE OF CONTENTS --]
	Content
		Default Box
		Elements Inside Box
		News & Update Box
	Layout
		Colours
		Structure
	Components
		Page Title
		Search
		Sign In
		Logo
		Navigation
	Grid 12

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

a                { color: #5b83a8; text-decoration: none; }
#tinymce a       { color: #5b83a8 !important; text-decoration: none !important; }

a:hover          { color: #5b83a8; text-decoration: underline;}
#tinymce a:hover { color: #5b83a8 !important; text-decoration: underline !important; }

h1, h2, h3 {
	color: #5b83a8;
	font-family: 'Arial';
} 

h1, .heading1 {
	font-size: 40px;
	margin-bottom: 0.125em;
}

h2, .heading2 { 
	font-size: 30px;
}

h3, .heading3 {
	font-size: 22px;
	font-weight: normal;
}

h4, .heading4 {
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

#blogs-list div.postheader h2 {
	font-size: 1.5em;
}

p { line-height: 1.7em; }

p, pre, blockquote, dl, ol, ul, table, caption, legend, label, div.editable
{
	font-size: 0.976em;
}

.editable hr {
	border: 1px solid #e0e0e0;
	border-width: 1px 0 0;
	display: block;
}

.editable ol {
	color: #5B83A8;
	font-size: 20px;
}

.editable ol span {
	color: #606060;
	font-size: 12px;
}



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

/* INTRANET
*/

/* DSF BOX (NO TITLE HEADER - DEFAULT)

----------------------------------------------- */

.dsfBox            { background: #eee url(/download/gallery/img/1pxgreygif) 0 100% repeat-x; }
.dsfBox .dsfBoxTop { background: url(/download/gallery/img/crnrtoplpn) 0 0 no-repeat; }

.dsfBoxTop div {
	background: url(/download/gallery/img/crnrtoprpn) 100% 0 no-repeat;
	line-height: 14px;
}

.dsfBox .dsfBoxBdy {
	border: 1px solid #b1b1b1;
	border-width: 0 1px;
	padding: 0 15px 15px;
}

.dsfBox .dsfBoxBtm { background: url(/download/gallery/img/crnrbtmlpn) left bottom no-repeat; }

.dsfBoxBtm div {
	background: url(/download/gallery/img/crnrbtmrpn) right bottom no-repeat;
	line-height: 14px;
}

.dsfBox h3 {
	font: bold 14px Arial;
	padding: 0.6em 0;
}

.dsfCustomTitle .dsfBoxTop { background: none; }

.dsfCustomTitle .dsfBoxTop div { background: #d9e9f0 url(/download/gallery/img/crnrtoplpn) 0 0 no-repeat; }

.dsfCustomTitle .dsfBoxTop div h3 { background: url(/download/gallery/img/crnrtoprpn) 100% 0 no-repeat; }

.dsfCustomTitle .dsfBoxTop div h3 {
	border-bottom: 1px solid #909191;
	padding: 0.6em 15px 0.5em;
}

.dsfCustomTitle .dsfBoxBdy { padding-top: 14px; }



/* SUBNAVIGATION
=============================================== */

#quote-messaging {
	height: 282px;
	position: relative;

}

#quote-messaging .ps-slideshow-frame {
	position: absolute;
}

#spotlight-video {
	height: 282px;
	position: relative;

}

/* SUBNAVIGATION
=============================================== */

#subNav {
	margin: -18px 10px 0;
	position: relative; top: -22px;
}

#subNav li {
	float: left;
	list-style: none;
	margin: 0 15px 0 0;
}


/* RSS FEED
=============================================== */

.rss-box ul.rss-items { 
	height: 190px;
	margin-left: 0;
	overflow: auto;
}

.rss-box ul li {
	border-top: 1px dashed #CCC;
	list-style: none;
	padding: 7px 0;
}

.rss-box br { display: none; }


/* BODY CONTENT
=============================================== */

#pageTitle span, #pageTitleSub span { color: #606060; }

.quotations {
	background: url(/download/gallery/img/quotesleft) 0 0 no-repeat;
	font-size: 14px;
	font-style: italic;
	line-height: 1.25em;
	padding-left:35px;
	padding-right:35px;
}

.quotations span {
	background: url(/download/gallery/img/quotesrigh) 100% 100% no-repeat;
	display: block;
	padding-right:14px;
}

a.more {
	font-size: 11px;
}


/* FOOTER CONTENT
=============================================== */

#footer {
	color: #868685;
	font-size: 11px;
}

#footer h4 {
	font-size: 18px;
	font-weight: normal;
}

#footer a { color: #41413f; }

#footer-custom hr { 
	border: 1px solid #cecec8;
	border-width: 1px 0 0;
	display: block;
}

#footer .copyright {
	color: #606060;
}

#footer .usefulLinks li {
	background: url(/download/gallery/img/seperatorg)  0 0 repeat-y;
	font-size: 11px;
	line-height: 14px;
	padding: 0 5px;
}

#footer .usefulLinks li {
	float: right;
}

#footer .usefulLinks a {
	color: #606060;
}

#footer .usefulLinks .first {
	background: transparent;
}


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


body {
	color: #606060;
	font-family: 'Verdana', 'Arial', 'Kalimati', 'sans-serif';
}

body           { background: #eaeae4 url(/download/gallery/img/body_blueg) 0 27px repeat-x; }
#main          { background: #ffffff url(/download/gallery/img/maingif) 0 0 repeat-x; }
#header        { background:         url(/download/gallery/img/header_blu) 50% 0 no-repeat;}
#content,
#content-inner { background: transparent; }
#footer        { background: url(/download/gallery/img/footerjpg) 50% 0 no-repeat; }


/* COLOR THEME: GREEN 
=============================================== */

body#wa-capability,
body#wa-clients
{
	background-image: url(/download/gallery/img/body_green);
}

#wa-capability #header,
#wa-clients #header
{
	background-image: url(/download/gallery/img/header_gre);
}

#wa-capability #logo a,
#wa-clients #logo a
{
	background-image: url(/download/gallery/img/logo_green);
}

#wa-capability h1, #wa-clients h1,
#wa-capability h2, #wa-clients h2,
#wa-capability h3, #wa-clients h3,
#wa-capability ol, #wa-clients ol,
#wa-capability #content-body a, #wa-clients #content-body a
{
	color: #52a44c;
}

#wa-capability #primarynav a:hover,
#wa-clients #primarynav a:hover
{
	color: #52a44c;
}

#wa-capability #primarynav .here a,
#wa-clients #primarynav .here a
{
	color: #52a44c;
}




/* COLOR THEME: RED
=============================================== */

body#wa-whoweare,
body#blogs,
body#wa-contact,
body#wa-intranet
{
	background-image: url(/download/gallery/img/body_pinkg);
}

#wa-whoweare #header,
#blogs #header,
#wa-contact #header,
#wa-intranet #header
{
	background-image: url(/download/gallery/img/header_pin);
}

#wa-whoweare #logo a,
#blogs #logo a,
#wa-contact #logo a,
#wa-intranet #logo a
{
	background-image: url(/download/gallery/img/logo_pinkp);
}

#wa-whoweare h1, #blogs h1, #wa-contact h1, #wa-intranet h1,
#wa-whoweare h2, #blogs h2, #wa-contact h2, #wa-intranet h2,
#wa-whoweare h3, #blogs h3, #wa-contact h3, #wa-intranet h3,
#wa-whoweare ol, #blogs ol, #wa-contact ol, #wa-intranet ol,
#wa-whoweare #content-body a, #blogs #content-body a,
#wa-contact #content-body a, #wa-intranet #content-body a
{
	color: #db5785; /* ee266d */
}

#wa-whoweare #primarynav a:hover,
#blogs #primarynav a:hover,
#wa-contact #primarynav a:hover,
#wa-intranet #primarynav a:hover
{
	color: #db5785; /* ee266d */
}

#wa-whoweare #primarynav .here a,
#blogs #primarynav .here a,
#wa-contact #primarynav .here a,
#wa-intranet #primarynav .here a
{
	color: #db5785; /* ee266d */
}



/* STRUCTURE
=============================================== */

#header-inner, #navigation, #content, #footer-inner {
	margin: 0 auto;
	width: 960px;
}

#header-inner {
	height: 301px;
}

#content {
	margin-top: -12px;
	padding: 0 0 10px;
}

#footer-inner {
	padding: 20px 0;
}

#footer-custom {
	height: auto !important;
	height: 1%;
	overflow: hidden;
}


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


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

#search-keyword {
	top: 160px; right: 20px;
}


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

.workarea #content-head h1,
.workarea #breadcrumb
{
	display: none;
}

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

#contentmenu a.actionstrigger {
	position: absolute;
	margin-left: 940px;
}


/* SIGN IN
=============================================== */

#comsignin { border-width: 0; }


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

#logo { padding: 89px 0 0;}

#logo a {
	background: url(/download/gallery/img/logo_bluep) 0 0 no-repeat;
	
	display: block;
	height: 0 !important;
	overflow: hidden;
	padding: 75px 0 0;
	width: 343px;
}


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

#navigation  {
	height: auto !important;
	height: 1%;
	overflow: hidden;
	position: relative; top: -60px;
}

#primarynav li {
	float: left;
}

#primarynav a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 2px 15px;
	text-transform: uppercase;
	text-decoration: none;
}

#primarynav a:hover {
	color: #7ac3df;
}

#primarynav .here a {
	color: #7ac3df;
}


/*--------------------------------------------- */
/*              >>> GRID 12 <<<                 */
/*--------------------------------------------- */


.container { 
	height: auto !important;
	height: 1%;
	overflow: hidden;
	margin-bottom: 18px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5,
.grid_6, .grid_7, .grid_8, .grid_9, .grid_10, 
.grid_11, .grid_12, .grid_13,
.grid_14, .grid_15, .grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.grid_2a {
	display: inline;
	float: left;
	margin: 0 20px;
	width: 180px;
}

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.grid_2  { width: 140px; } 
.grid_3  { width: 220px; }
.grid_4  { width: 300px; }
.grid_5  { width: 380px; }
.grid_6  { width: 460px; }
.grid_7  { width: 540px; }
.grid_8  { width: 620px; }
.grid_9  { width: 700px; }
.grid_10 { width: 780px; }
.grid_11 { width: 860px; }
.grid_12 { width: 940px; }


#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,
#tinymce .grid_2a
{
	margin-left: 4px;
	margin-right: 4px;
}

#tinymce .alpha { margin-left: 0; }
#tinymce .omega { margin-right: 0; }

#tinymce .alpha .alpha { margin-left: 4px; }
#tinymce .alpha .omega { margin-right: 4px; }
#tinymce .omega .omega { margin-right: 4px; }
#tinymce .omega .alpha { margin-left: 4px; }

.mceContentBody { padding: 1px !important; }