/*
	=== JS Related ===
*/
body.js-enabled .tabs-hide {
	display: none;
}

/*
	=== General Stuff ===
*/
html{
	background: #fff url(images/site/body-bg.gif) repeat-x 0 0;
}
body {
   
	margin: 0 auto;
	padding: 0;
	width:780px;
	color: #4d4d4d;
	background: #fff url(images/site/body-bg.gif) repeat-x 0 0;
	font: 11px/1.4 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}
fieldset {
	border:0;
	*border:0px;
	_border:0px;
}
form {
	border:0;
	*border:0px;
	_border:0px;
}

h1, h2, h3, h4, h5, h6 {margin-bottom:1px;}

h3 {
	font: bold 12px/1.2 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

p {
	margin: 0 0 10px 0;
}

ul, ol {
	margin: 0 0 10px 30px;
	padding: 0;
}

a:hover {
    text-decoration:none;
}

a {
    color:#65B860;
    text-decoration:underline;
    text-transform:uppercase;
}

/* == Content == */
#content {
	float: left;
	width: 430px;
	padding: 10px 20px;
	background: #fff;
    display:block;
}

/* == Sub-Content == */
#sub-content {
	float: right;
	width: 260px;
	padding: 10px;
	
	background:#FFFFFF url(images/site/sub-content-bg.gif) repeat-x bottom;
}

	/* The Image (Work at...) */
	#sub-content h2 {
		margin: 0;
	}
	#sub-content h3 {
		padding: 0 10px;
		margin-bottom: 10px;
		font: bold 12px/1.2 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
		color: #616161;
		text-transform: none;;
	}

	#sub-content p {
		padding: 0 10px;
		font-weight: bold;
	}

		#sub-content p.first-of-type {
			margin: 10px 0 20px;
			padding: 10px;
			font-size: 15px;
		}

	#sub-content ul {
		margin-left: 10px;
		list-style: none;
	}

		#sub-content li {
			padding-left: 10px;
			background: url(images/site/arrow-green-right.png) no-repeat 0 50%;
		}
	#index-page #sub-content {
		background-image:none;
}
#sub-content-background{
	margin:-10px -1px -10px 0;
	
}

/* == Header == */
#header {
	overflow: hidden;
	width: 450px;
	_height: 1%;
	margin: -10px -20px 0;
	padding: 10px;
	background: #fff;
}

	/* Logo */
	#header h1 {
        background:transparent url(images/site/WGP-logo.png) no-repeat scroll 0 0;
        float:left;
        height:50px;
        margin:10px 0 13px 2px;
        *padding-bottom:13px ;
        width:160px;
	}

		#header h1 a {
			display: block;
			height: 50px;
			outline: 0;
			text-decoration: none;
			text-indent: -100000px;
		}

	/* Sites-Navigation */
	#header h2 {
		display: none;
	}

/* == Footer == */
#footer {
	clear: both;
	background: #fff;
	border-bottom: 1px solid #ededed;
}
	#footer .tabs-container {
		clear:both;
	}

	#footer a {
		text-transform: none;
	}

	#footer h2,
	#footer h3 {
		display: none;
	}

	/* Tabs */
	#footer ul#footer-contact-nav {
		overflow: hidden;
		_height: 1%;
		margin: 0;
		padding: 0 5px;
		list-style: none;
		background: #e8e8e8 url(images/site/nav-bg-grey.gif) repeat-x;
		border-width: 1px 0;
		border-style: solid;
		border-color: #e7e7e7;
	}

		/* Tab Items */
		#footer ul#footer-contact-nav li {
			display: block;
			float: left;
			padding: 0 0 0 11px;
		}

			#footer ul#footer-contact-nav li + li {
				border-left: 1px solid #fff;
			}

			#footer ul#footer-contact-nav li a {
				display: block;
				padding: 4px 11px 4px 0;
				color: #999;
				outline: 0;
				text-decoration: none;
				text-transform: uppercase;
			}

			#footer ul#footer-contact-nav li a:hover {
				text-decoration: underline;
			}

		/* Selected Tabs */
		#footer ul#footer-contact-nav li.tabs-selected {
			background: #fff url(images/site/nav-sel-left-grey.gif) repeat-y 0 0;
		}

			#footer ul#footer-contact-nav li.tabs-selected,
			#footer ul#footer-contact-nav li.tabs-selected + li {
				border: none
			}

			#footer ul#footer-contact-nav li.tabs-selected a {
				color: #333;
				background: url(images/site/nav-sel-right-grey.gif) repeat-y 100% 0;
			}

			#footer ul#footer-contact-nav li.tabs-selected a:hover {
				text-decoration: none;
			}

	/* Tabs Content */
	/* Contact Information List */
	#footer div ul {

		margin: 0;
		padding: 10px 15px 0;
		list-style: none;
	}

		#footer div ul li {
			float: left;
			position: relative;
			margin: 0 0 10px 0;
			_margin-right: 20px;
			color: #a8a8a8;
		}

			#footer div ul li + li {
				margin-left: 20px;
			}

			#footer div ul li strong {
				color: #666;
			}

/* == Where We Are == */
#where-we-are {
	background: url(images/site/where-we-are-bg.gif) repeat-x;
	padding: 10px;
	margin: 0 -10px;
}

	#where-we-are h2 {
		margin: -10px -10px 10px -10px;
		border-bottom: 1px solid #fff;
		line-height: 1;
		font-size: 0;
		padding: 0;
	}
/*this id provide images in the top of pages*/
#menu-images img
{
margin: -5px -10px 10px -10px;
_margin-bottom:15px;
*margin-top:-15px;
}
	.disc li
	{
	list-style-type:disc;
	}

	#where-we-are ul {
		list-style-type: none;
		margin-left: 20px;
	}

/*jobs page content*/
#jobs-page #jobs-listing-full h4,
#jobs-page #job-details h4 {
	background: #e8e8e8 url(images/site/nav-bg-grey.gif) repeat-x 0 0;
	margin: 20px -10px 10px;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #ededed;
}
	#jobs-page  #jobs-listing-full h4 img,
	#jobs-page  #job-details h4 img {
	float:right;
	padding-top:2.3px;
	margin:0;
	_margin:-20px 1px 0 0;
	*margin:-20px 1px 0 0;
	display:block;
	}

	#jobs-page  #jobs-listing-full h4 span,
	#jobs-page  #job-details h4 span {
		display:block;
		float:right;
		color: #9f9f9f;
		margin-right:5px;
		_margin:-20px 1px 0 0;
		*margin:-20px 1px 0 0;
	}

#jobs-page  #job-details h4 {
	margin: 0px 0 5px;
}

#jobs-page  #jobs-listing-full p.last-of-type {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	font-weight: bold;
}
#navigation .flags{
	border:0px;
	margin-left:70px;
	margin-right:-15px;
}
#navigation #fix{
margin-left:0;
}


#navigation img.flags {
	margin:2px 0 0 -2px;
}
abbr{
	cursor:help;
}


/*
	GALLERY
*/


#gallery-page ul.thumbs {
	float:left;
	width:100%;
	margin:0 0 0 -19px;
	list-style:none;
}

	#gallery-page ul.thumbs li {
		float:left;
		display:block;
		width:87px;
		height:87px;
		margin:0 0 15px 15px;
	}

		#gallery-page ul.thumbs li a {
			width:86px;
			height:86px;
			border:0px solid white;
			text-align:center;
			display:table-cell;
			vertical-align: top;
			display:block;
			color:white;
		}

		#gallery-page ul.thumbs li a:hover {
			border-color:#dcdcdc;
			color:#dcdcdc;
		}

			#gallery-page ul.thumbs li a img {
				margin:1px auto;
				color:white;
				border:0;
			}
			#gallery-page a { color:white;}
	img.icon-sweden { _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/site/images/flags/sweden.png',sizingMethod='image'); }

	img.icon-estonia { _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/site/images/flags/estonia.png',sizingMethod='image'); }

#skip-navigation {
	display: none;
}
#wrapper {
	
	width: 760px;
	margin:0 auto;
	padding:10px;
	display:block;
}
/* == Navigation == */
#navigation {
	width: 470px;
	margin: -10px -20px 0;
}
	#navigation h2 {
		display: none;
	}
	/* Nav Bar */
	#navigation ul {
		overflow: hidden;
		_height: 1%;
		margin: 0;
		padding: 0 5px;
		list-style: none;
	}
		#navigation ul.first-of-type {
			background: #d5ebfa url(images/site/nav-bg-blue.gif) repeat-x 0 0;
			border-width: 1px;
			border-style: solid;
			border-color: #d9edfa;
		}
		#navigation ul.last-of-type {
			margin-bottom: 10px;
			background: #e8e8e8 url(images/site/nav-bg-grey.gif) repeat-x 0 0;
			border-bottom: 1px solid #e8e8e8;
		}
		/* Nav Items */
		#navigation ul li {
			display: block;
			float: left;
			padding: 0 0 0 8px;
		}
			#navigation ul li + li {
				border-left: 1px solid #fff;
			}
				#navigation img {
					vertical-align: middle;
				}
			#navigation ul li.nth-last-of-type-1,
			#navigation ul li.nth-last-of-type-2,
			#navigation ul li.nth-last-of-type-3 {
				float: right;
				padding: 0;
				border: none;
			}
				#navigation ul li.nth-last-of-type-1 a,
				#navigation ul li.nth-last-of-type-2 a,
				#navigation ul li.nth-last-of-type-3 a {
					padding-right: 3px;
					padding-bottom: 2px;
				}
			#navigation ul li a {
				display: block;
				padding: 3px 16px 3px 5px;
				color: #4d4d4d;
				font-weight: normal;
				outline: 0;
				text-decoration: none;
				text-transform: none;
			}
			#navigation ul li a:hover {
				text-decoration: underline;
			}
		/* Selected Navs */
		#navigation ul li.current {
			background-color: #fff;
			background-repeat: repeat-y;
			background-position: 0 0;
		}

			#navigation ul.first-of-type li.current { background-image: url(images/site/nav-sel-left-blue.gif); }
			#navigation ul.last-of-type li.current { background-image: url(images/site/nav-sel-left-grey.gif); }

			#navigation ul li.current,
			#navigation ul li.current + li {
				border: 0;
			}

			#navigation ul li.current a {
				background-color: #fff;
				background-repeat: repeat-y;
				background-position: 100% 0;
			}

				#navigation ul.first-of-type li.current a { background-image: url(images/site/nav-sel-right-blue.gif);	}
				#navigation ul.last-of-type li.current a { background-image: url(images/site/nav-sel-right-grey.gif); }

			#navigation ul li.current a:hover {
				text-decoration: none;
			}
			#Form_ContactForm input{
				margin:0 0 10px;
			}
			#Form_ContactForm textarea{
				width:350px;
				height:120px;
				margin:0 0 10px;
			}
			#Form_ContactForm .action {
				margin:-10px 0 0 8px;
				*margin:0;
				margin:0 !important;
			}
		/*body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}*/
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, /*p,*/blockquote {padding:0px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:12px; padding:0; font-weight:bold;
	text-transform: uppercase;color:#4d4d4d; margin-bottom:1px;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links * /
a { color: #036; font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
*/
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*//* debug template */
/*
.body{background-color:red;}
.page{background-color:orange;} 
.main{background-color:yellow;}
.leftCol{background-color:lime;}
.rightCol{background-color:aqua;}
*/

/* grids debug */
/*
.line{background-color:#e2e2e2;}
.size1of1{background-color:pink;}
.size1of2{background-color:red;}
.size1of3{background-color:orange;}
.size2of3{background-color: yellow;}
.size1of4{background-color:lime;}
.size3of4{background-color:green;}
.size1of5{background-color:aqua;}
.size2of5{background-color:blue;}
.size3of5{background-color:purple;}
.size4of5{background-color:magenta;}
*/

/* debug modules */
/*
.top, .bottom{background-color:#e2e2e2;}
.tl{background-color:red;}
.tr{background-color:orange;}
.bl{background-color:yellow;}
.br{background-color:lime;}
.hd{background-color: green;}
.bd{background-color: teal;}
.ft{background-color: blue;}
.mod{background-color:purple;}
.inner{background-color:magenta;}
*//* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('gfx/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('gfx/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('gfx/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('gfx/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('gfx/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('gfx/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('gfx/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('gfx/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('gfx/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('gfx/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('gfx/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('gfx/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('gfx/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(gfx/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(gfx/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(gfx/fancybox/fancy_title_right.png) repeat-x;
}/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.hd,.bd,.ft,{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
/* remove *background-image:" to default to square corners for IE */
/* ----- simple (extends mod) ----- */
.simple .inner {border:1px solid #D7D7D7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.simple b{*background-image:url(skin/mod/simple_corners.png);}
/* ----- basic (extends mod) ----- */
.basic .inner {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.basic b{*background-image:url(skin/mod/round.png);}
/* ----- simpleExt (extends mod) ----- */
.simpleExt,.simpleExt .inner{border:1px solid #c7c7c7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; }
.simpleExt .inner{border-color:#fff; border-width:4px; background-color:#e2e2e2;}
.simpleExt b{*background-image:url(skin/mod/simple_extended.png);}
.simpleExt .tl{left:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .tr{right:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .bl{left:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;} 
.simpleExt .br{right:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
/* ----- me (extends mod) use for my comments ----- */
.me,.me .inner{border:1px solid #909090;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.me .inner{border-color:#d76a84;}
.me b{*background-image:url(skin/mod/me.png);}
.me .tl{left:-1px;top:-1px;}
.me .tr{right:-1px;top:-1px;}
.me .bl{left:-1px;bottom:-1px;} 
.me .br{right:-1px;bottom:-1px;}
/* ----- noted (extends mod) ----- */
.noted,.noted .inner{border:1px solid #c2c2c2;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.noted .inner{border-color:#eded68;}
.noted b{*background-image:url(skin/mod/noted.png);}
.noted .tl{left:-1px;top:-1px;}
.noted .tr{right:-1px;top:-1px;}
.noted .bl{left:-1px;bottom:-1px;} 
.noted .br{right:-1px;bottom:-1px;}
/* ----- grab (extends mod) ----- */
.grab .inner{border: 3px solid #00477a; border-bottom-width:10px;}/* can't be done w border radius */
.grab b{background-image:url(skin/mod/grab.png);}
.grab .tl, .grab .tr{height:10px; width:10px;}
.grab .bl, .grab .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
/* ----- talk (extends mod) ----- */
.talk,.talk .inner{border:1px solid #c7c7c7;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.talk .inner{border-color:#ededed;}
.talk b{*background-image:url(skin/mod/talk.png);}
.talk .tl{left:-1px;top:-1px;}
.talk .tr{right:-1px;top:-1px;}
.talk .bl{left:-1px;bottom:-1px;} 
.talk .br{right:-1px;bottom:-1px;}
/* ----- photo (extends complex) ----- */
.photo .inner{border:solid 10px #fff;margin:0 4px;}/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
.photo b{background-image:url(skin/mod/photo.png);}
.photo .tr, .photo .tl{width:20px;}
.photo .top, .photo .bottom{height:4px;margin-top:0px;} 
.photo .bl, .photo .br{height:16px;margin-top: -12px;}
/* ----- flow (extends complex) ----- */
.flow{margin:6px;}
.flow b{background-image:url(skin/mod/even.png);}
.flow .inner{padding:0 4px;}
.flow .top{height:4px;}
.flow .bottom{height:4px;margin-top:-4px;}
.flow .br,.flow .bl{height:10px;margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
.boo{-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,33);-moz-box-shadow: black 2px 2px 2px 2px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:solid 1px #949494;background:#fff;}
/* ----- .excerpt (extends complex) ----- */
.excerpt b{background-image:url(skin/mod/excerpt.png);}
.excerpt .top{height:1px;}
.excerpt .bottom{height:6px;margin-top:-6px;}/* margin top equal to - height of bottom */
.excerpt .br,.excerpt .bl{height:12px;margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- sommers (extends pop) ----- */
.sommers .inner{_border:3px solid #D7D7D7;}/*IE6 backup no alpha transparency */
.sommers,.sommers .inner,.sommers b{background-image:url(skin/mod/glow_7px.png);_background-image:none;}
.sommers{/*margin:3px 10px 10px 3px;*/}
/* ====== Background blocks ====== */
.sale .inner{background-color:red;}
.nicole .inner{background-color:#c01c41; color:#fff;}
.nicole *, .login *{ color:#fff;}
.highlight .inner{background-color:#e3e36f;}
.universe .inner{background:url(skin/mod/universe.png) repeat left top;}
.foo .inner{background: url(skin/mod/universe_gray.png) repeat left top;}
.login .inner{background: url(skin/mod/universe_login.png) repeat left top;}
.comment .inner{background-color:#e2e2e2;}
/* ====== Block headers and footers ====== */

.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#de2c72;padding:0;}
.act{background-color:#e9e9e9;}
.topper{background: #fff url(skin/mod/header_gradient_light.png) repeat-x left bottom;color: #4D4D4D;font-size:120%;padding:5px 10px;}
.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4D4D4D;padding:0;}
.bam{background: #00477a url(skin/mod/header_glossy.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;}/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */



/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}