@charset "utf-8";

/***************************************************
	CLEARFIX
	
	*/
	 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {  background-color:#202128; padding:0; margin:0; background-image:url(../imgs/bckgnd.png); background-repeat:no-repeat; background-position:center top; color:#fff; }
#wrap { width:950px; margin-left:auto; margin-right:auto; padding-left:10px; padding-right:10px; }
a { color:#4eb1ca; text-decoration:none; }
a:hover { text-decoration: underline;}
.clear { clear:both; }
ul { margin:0; padding: 0; }
#header { padding:0; margin:0; width:950px; display:block; height:90px;  }
#header h1 a { text-indent:-3000px; background-image:url(../imgs/tgs_logo.png); background-repeat:no-repeat; display:block; width:257px; height:75px; float:left; margin-left:15px; outline:none; }
#header .welcome { float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0; padding:0; margin-right:25px; margin-top:-8px; }
#header ul.menu { color:#000; height:39px; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:right; padding-top:6px; margin-right:15px;margin:15px 0 0 0; }
.menusep { background-image:url(../imgs/menu_sep.png); background-repeat:no-repeat; background-position:right; }
#header ul.menu li { float:left; list-style:none; line-height:39px; background-image:url(../imgs/menu_mid.png); padding-right:12px;  }
#header ul.menu li.member { background-image:url(../imgs/menu_green.png); }
#header ul.menu li.left { background-image:url(../imgs/menu_left.png); background-repeat:no-repeat; display:block; width:21px; height:39px; padding-right:0px; border:none; padding-left:0px }
#header ul.menu li.right { background-image:url(../imgs/menu_right.png); background-repeat:no-repeat; display:block; width:21px; height:39px; padding-right:0px; border:none; padding-left:0px }
#header ul.menu li.first { padding-left:0 }
#header ul.menu li.last { padding-left:10px; border:none; padding-right:0px; }
#header ul.menu li.lastb { padding-left:0px; border:none; padding-right:0px; }
#header ul.menu li.final { padding-right:0px; }
#header ul.menu li.member a.logout { padding-right:0px; padding-left:0px; background-image:url(../imgs/logout.png); display:block; width:20px; height:39px; text-indent:-3000px; }
#header ul.menu a { color:#FFF; line-height:38px;  display:block; height:39px; margin:0; padding:0; padding-right:12px; outline:none   }
#header ul.menu a:hover { color:#7DB137 }
#header ul.menu li.member.last a { padding-right:0px }
#header ul.menu li.member a { color:#30323C }
#header ul.menu li.member a:hover { color:#30323C }
#header ul.menu li.member.first { padding-left:12px }

#main { background-image:url(../imgs/mainbck.png); display:block; width:850px; height:250px; padding:50px; float:left; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; }
#main p, #main h2 { padding:0; margin:0; margin-bottom:10px; }
#main h2 { font-size:26px; color:#FFF; line-height:32px; }
#main p { font-size:16px; color:#cccccc; line-height:22px; }
#main .lcol { float:left; width:540px; display:block } 
#main .rcol { float:right; width:270px; display:block }

#minor .lcol { float:left; width:350px; display:block; margin-right:40px; margin-left:30px; } 
#minor .rcol { float:left; width:499px; display:block }

#minor { font-family:Arial, Helvetica, sans-serif; margin:0 0 20px 0; }

#subnav {
	margin:20px 0 !important;
	padding:0;
	background:#c2d9ef;
}
#subnav li {
	float:left;
	list-style:none;
}
#subnav a {
	display:block;
	padding:5px 10px;
	color:#4e6276;
	text-decoration:none;
}
#subnav a:hover {
	text-decoration:underline;
}
#services .clearfix p {
	float:left;
	width:670px;
}
/*
#services img {
	float:right;
	width:150px;
	height:150px;
	margin:0 30px;
}*/
h3 a {
	text-decoration:none;
}

#login-box {
	width:251px;
	background:#494b55 url(../imgs/login-bottom.jpg) no-repeat bottom left;
	color:#fff;
}
#login-box-inner {
	padding:10px 15px;
}
#login-box h3 {
	background:#494b55 url(../imgs/login-top.jpg) no-repeat top left;
	padding:20px 20px 15px 20px;
	margin:0 0 5px 0;
	border-bottom:1px solid #575a66;
}
#login-box .row {
	margin:0 0 5px 0;
}
#login-box label {
	float:left;
	width:60px;
	padding:7px 0 0 0;
	margin-right:10px;
	font-size:12px;
}
.login-error {
	font-size:12px;
	background:#C24B33;
	padding:5px;
	margin:0 0 10px 0;
}
#login-box .text {
	float:left;
	width:130px;
	padding:7px;
	color:#fff;
	background:#585a66;
	border:none;
}
.submit {
	background:#d0ec8d;
	color:#333;
	border:none;
	padding:5px 10px;
}
#login-btn {
	margin:10px 0 0 71px;
	display:block;
}

/*** SLIDER ***/

#slider {
   width: 499px; /* important to be same as image width */
   height: 180px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   border:5px solid #494C55;
}

#sliderContent {
   width: 499px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size:12px;
   padding: 10px 13px;
   width: 474px;
   background-color: #202128;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.sliderImage span strong {
	color:#4eb1ca;
	display:block;
	padding:0 0 3px 0;
}
#slider-nav li {
	font-size:14px;
	color:#fff;
	list-style:none;
}
#slider-nav li {
	background:none;
}
#slider-nav li {
	background:url(../imgs/white-bullet.gif) no-repeat left center;
	padding:10px 10px 10px 18px;
	outline:none;
	display:block;
	color:#dddddd;
	text-decoration: none;
	border-bottom:1px solid #494b55;
}


/*** about-cloud ***/
#cloud {margin-left:30px;

}

/*** CONTACT FORM ***/

#contact-left {
	float:left;
	width:330px;
}
#contact-right {
	float:left;
	width:300px;
	margin-left:40px;
	padding:0 0 130px 0;
}
#contact-form label {
	display:block;
	float:left;
	width:130px;
}
#contact-form .text {
	float:right;
}
#contact-form .row {
	margin:0 0 10px 0;
}
#contact-form .textarea {
	width:100%;
	height:200px;
}
.flash-success,
.flash-error {
	margin:10px 0;
	padding:10px 10px 10px 32px;
}
.flash-success {
	background:#d0ec8d url(../imgs/tick.gif) no-repeat 2% 50%;
	border:2px solid #c4e082;
}

span.error {
	color:#C24B33;
	display:block;
	background:url(../imgs/exclamation.png) no-repeat center left;
	padding:0 0 0 20px;
	font-size:12px;
	font-style:italic;
}

/*** BLOG ***/

#rss-feed {
	background:url(../imgs/feed-icon.png) no-repeat center left;
	display:block;
	padding:10px 0 10px 40px;
}
#search-submit {
	width:50px;
	text-align:center;
	padding:0;
	height:25px;
	font-size:11px;
}

#relation-graph-wrap {
	border:2px solid #C2D9EF;
	background:#ffffff;
}
#view-file-relation {
	padding:5px 5px 20px 5px;
}
iframe {
	border:2px solid #C2D9EF;
	margin:20px 0;
}
#pdf-reports ul {
	margin:10px 15px;
}


/*** FOOTER ***/

#footer { display:block; width:950px; height:66px; background-image:url(../imgs/footbck.png); background-repeat:no-repeat; float:left; text-align:center; padding-top:12px; }
#footer ul { list-style:none; display:block; margin-bottom:10px; padding:0; margin:0; clear:left; margin-left:auto; margin-right:auto; margin-bottom:5px }
#footer li { display:inline; padding-left:2px; padding-right:2px; }
#footer li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#8E8E99; text-decoration:none }
#footer .copyright { display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

#section { background-image:url(../imgs/section_bck_top.png); background-repeat:no-repeat; background-position:center top; min-height:300px; background-color:#FFF; margin-bottom:0px; padding-top:20px; padding-left:30px; padding-right:30px; font-family:Arial, Helvetica, sans-serif }
#section { font-size:14px; color:#18191F; line-height:22px; }
#section .lcol { float:left; width:620px; display:block } 
#section .rcol { float:left; width:230px; padding:15px 0 0 30px; display:block }
#section h2 { font-size:24px; color:#18191F; margin:0; padding:0;  }
#section:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#section p.date {
	font-size:12px;
	background: url(../imgs/cal.gif) no-repeat left center;
	display:block;
	padding:0 0 0 25px;
}
ul.submenu { list-style: none; background:#d9e9f9; padding:0;border:1px solid #cfdfee; }
ul.submenu li { display:block; }

#section ul.submenu li a { background:url(../imgs/blue-bullet.gif) no-repeat 4% center; padding:8px 8px 8px 25px;border-bottom:1px solid #dcebfa; display:block;font-size:12px; color:#333; font-weight:bold; text-decoration:none }
#section ul.submenu li a:hover { display:block; font-size:12px; background:#cfdfee url(../imgs/blue-bullet.gif) no-repeat 4% center; color:#333; font-weight:bold; text-decoration:none }
#section ul.submenu li.current_page_item a { display:block; width:205px; height:25px; background-image:url(../imgs/submnbt.png); background-repeat:no-repeat; color:#FFF }
#sectionbot { background-image:url(../imgs/section_bck_bot.png); background-repeat:no-repeat; background-position:center bottom; height:35px; display:block; margin-bottom:20px; }

#pwrap { width:250px; height:219px; overflow:hidden}
#pwrapc { width:250px; overflow:hidden;}
.slider-wrapper {overflow: hidden; position: relative;  }
.slider-inner {position: relative; width: 10000px; height:150px; display:block}
.slider-inner img {  float:left}
.info { display:block; margin-bottom:50px; margin-top:10px;}
.alignleft {
	float:left;
}
.alignright {
	float:right;
	text-align:right;
}
.navigation {
	margin:0 0 15px 0;
}
#comment {
	width:400px;
}
#services .leftcol {width:65%;float:left;padding-right:2em;}
#services .rightcol {width:30%;float:right;}
.commentlist {
	margin:0;
	padding:10px 0;
}
.commentlist li {
	list-style:none;
	padding:15px;
}
.commentlist .alt {
	background:#DDEBFA;
}
.comment-author {
	display:block;
	float:left;
}
.comment-date {
	text-align:right;
	display:block;
	float:right;
	font-size:11px;
}
.comment-content {
	padding:10px 0;
}

.redcheck {
    background:transparent url(/images/redcheck.png) no-repeat scroll 0 0;
    list-style-type:none;
    padding-left: 40px;
}

/*standard classes applied by wordpress during image upload*/

.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0 10px 10px 0;}
.aligncenter {margin: 0 auto 0 auto;padding:8px;}
.wp-caption {
      text-align:center;  
      font-size:0.9em;
	  background:#FFF;
	  border:1px solid #e3e3e3;
}


/*	External Reports	*/
table.report1{ width:100%; margin:0; padding:0;}
table.report1{ padding:4px; margin:5px;}
table.report1 .heading{}
table.report1 .heading td, table.report1 .heading th{ background-color:#EEEEEE; border-top:1px solid #5184D2; color:#333333; font-weight:bold; vertical-align:middle; white-space:nowrap; font-size:13px; font-weight:bold; padding:5px 8px; text-align:left;}
table.report1 tr.row0 td { background:#fff;}
table.report1 tr.row1 td { background:#EDEDED;}
table.report1 tr.row0:hover td, table.report1 tr.row1:hover td{ background:#FFFFDD;}
table.report1 td {border-bottom:1px solid #DDDDDD;padding:6px 5px;vertical-align:top;}
table.report1 td.no-record{ text-align:center; color:red;}