@CHARSET "ISO-8859-1";

/* div { border: 1px solid #CCCCCC; padding: 2px; } */




/* ====== TYPOGRAPHY ====== */


body {
	font-family: Tahoma, Helvetica;
	background: white;
	font-size: 0.8125em;
	line-height: 150%;
	color: #626262;
}

a {
	text-decoration: none;
	color: #B4D300;
}

a img {
	border: 0px;
}

a:hover {
	text-decoration: underline;
	color: #B4D300;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 0px;
}

h2 {
	font-size: 170%;
	font-weight: normal;
	margin: 15px 0px 10px;
}

h3 {
	font-size: 140%;
	font-weight: normal;
	margin: 10px 0px 5px;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0px 3px;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 3px;
}

p {
	margin: 0px 0px 5px;
}

ul {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
}

hr {
	clear: both;
	border: medium none white;
	border-bottom: 1px dashed #666666;
	height: 1px;
	color: white;
	background-color: white;
}


img.left {
  margin: 0px 10px 10px 0px;
}

img.right {
  margin: 0px 0px 10px 10px;
}

/* --- specific --- */


span.sitetitle {
	color: #6666AA;
	font-weight: bold;
}




/* ====== GENERAL ====== */


.left {
	float: left;
}

.right {
	float: right;
}

.reset {
	clear: both;
}



/* --- redirect page --- */


#div_redirect p {
	font-size: 120%;
	display: block;
	width: 350px;
	padding-top: 10px;
	margin-bottom: 20px;
}

#div_redirect a {
	font-size: 140%;
}

#div_redirect.warning h2 {
	color: orange;
}

#div_redirect.error h2 {
	color: red;
}




/* ====== LAYOUT ====== */


body {
	margin: 20px 0px;
	padding: 0;
}

#page {
	width: 710px;
	margin: 0px auto;
	height: 100%;
}


/* --- head --- */


div#stylehead {
	background: white;
	margin: 0px auto;
	width: 710px;
}

div#preheader {
	margin: 0px 0px 0px;
	height: 50px;
	text-align: right;
}

div#preheader a#logogsc {
	float: right;
	display: block;
	width: 165px;
	height: 70px;
	background: url('images/gsc-logo.png') no-repeat top left;
}

div#preheader a#logogsc span {
	display: none;
}

div#header {
	height: 155px;
	padding: 0pt;
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 6px solid #B4D300;
}

div#headeradmin {
  height: 76px;
  padding: 0pt;
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 6px solid #B4D300;
}



/* --- main --- */


div#wrapper {
	background: white;
	padding-bottom: 20px;
	width: 710px;
}


/* --- breadcrumbs --- */


div#breadcrumbs {
	margin: 0px auto;
}

div#breadcrumbs span.title {
	float: left;
}

div#breadcrumbs ul {
	border-left: 1px solid #EEEEEE;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#breadcrumbs ul li {
	float: left;
	border-right: 1px solid #EEEEEE;
}

div#breadcrumbs ul li a {
	display: block;
	padding: 0px 5px;
}

div#breadcrumbs ul li a:hover,div#breadcrumbs ul li a.selected {
	color: #B4D300;
}


/* --- toolbar --- */


div.toolbar {
	height: 1.8em;
	margin: 0px auto 1px;
	padding: 0px 1px 0px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
}

div.toolbar.admin {
	height: 1.8em;
	margin-bottom: 10px;
	background: #F5F5F5;
}

div.toolbar span.title {
	float: left;
}

div.toolbar ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.toolbar ul li {
	float: left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #FFFFFF;
}

div.toolbar.admin ul li {
	float: right;
}

div.toolbar ul li a {
	display: block;
	padding: 2px 5px;
}

div.toolbar ul li a:hover, div#breadcrumbs ul li a.selected {
	text-decoration: none;
	color: #B4D300;
	background: #FAFAFA;
}


/* --- sidebar (left) --- */

#sidebar {
	float: left;
	width: 210px;
	padding: 0px 20px 0px 0px;
}

.sidebarbox {
	margin-right: 1px;
	padding-bottom: 10px;
}


#sidebar .sidebarbox {
  text-transform: uppercase;	
}
	
#sidebar h2 {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	font-size: 100%;
	font-weight: bold;
}

/* menu level 1 */

#sidebar ul {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 205px;
}

#sidebar ul li {
  margin: 0px;
  padding: 0px 0px 0px 0px;	
  list-style-image: none;	
  width: 205px;
  font-size: 14px;
  list-style: none;
}

#sidebar ul li a {
  padding: 0px 0px 12px 30px;
  display: block;
  color: #626262;
  background: url(images/sidebar-bullet-off.png) no-repeat 0px 4px;
  width: 174px;
}

#sidebar ul li a:hover, #sidebar ul li.selected a {
  color: #B4D300;
  background: url(images/sidebar-bullet-on.png) no-repeat 0px 4px;
}

/* menu level 2 */


#sidebar ul ul li {
  text-transform: none;  
}

#sidebar ul ul li a {
  background: none;
}

#sidebar ul ul li a:hover,  #sidebar ul ul li.selected a {
  background: none;
}

/* menu level 3 */

#sidebar ul ul ul {
  padding-left: 30px;  
}

#sidebar ul ul ul li a {
  padding-left: 10px;
  background: url(images/sidebar-bullet2-off.png) no-repeat 0px 4px;
}

#sidebar ul ul ul li a:hover, #sidebar ul ul ul li.selected a {
  background: none;
  background: url(images/sidebar-bullet2-on.png) no-repeat 0px 4px;
}


/* --- sidebar (lang) --- */


ul#langmenu { padding-bottom: 15px; }

ul#langmenu li { margin-bottom: 0; }

ul#langmenu li.pt a {
  /* background: url(images/lang_pt.png) no-repeat 0px 4px; */  
  background: none;
  padding: 0px;
  text-transform: none;
  color: #B4D300;
}

ul#langmenu li.en a {
  /* background: url(images/lang_en.png) no-repeat 0px 4px; */
  background: none;
  padding: 0px;
  text-transform: none;
  color: #B4D300;
}


/* --- sidebar (login) --- */


#sidebar #userbox {
	width: 180px;
}

#sidebar #userbox #loginboxheader {
	height: 7px;
	background: #3c3c3c url(images/logintop.png) no-repeat top left;
	width: 180px;
	overflow: hidden;
}

#sidebar #userbox #loginboxbody {
	padding: 2px 10px;
	background: url(images/loginbody.png) repeat-y top left;
}

#sidebar #userbox #loginboxbody {
	color: white;	
}

#sidebar #userbox label {
  text-transform: uppercase;
}

#sidebar #userbox #loginboxfooter {
	height: 7px;
	background: url(images/loginbottom.png) no-repeat top left;
}

#sidebar #userbox .loginhelp {
	text-transform: none;
	font-size: 12px;
}

#sidebar #userbox .loginhelp ul li {
	text-transform: none;
	font-size: 12px;
	margin: 0px;
}

#sidebar #userbox #loginboxbody div.field input {
	width: 137px;
}

#sidebar #userbox #loginboxbody div.controls {
	text-align: center;
	margin: 10px 0px;
}

#sidebar #userbox #loginboxbody input.button {
	width: 80px;
	text-transform: uppercase;
	height: 28px;
	border: 1px solid #333333;
	background: #FFFFFF url(images/buttonshadow.png) repeat-x scroll center bottom;
}

#sidebar #userbox ul { width: 160px }

#sidebar #userbox ul li { width: 160px }

#sidebar #userbox li a {  
  list-style-image: none;
  padding: 0px 0px 0px 20px;
  width: 140px;
  display: block;
  color: #F5F5F5;
  background: url(images/userbox-bullet-off.png) no-repeat 0px 4px;
}

#sidebar #userbox li a:hover {
  color: #B4D300;
  background: url(images/userbox-bullet-on.png) no-repeat 0px 4px;
}

#sidebar #userbox li a span {
  text-transform: uppercase;
}	



/* --- search --- */


div#left form#search {
	display: block;
	font-size: 100%;
	margin: 2px 0px;
}

form#search input.edit {
	width: 152px;
	margin: 0pt;
	font-size: 100%;
	vertical-align: middle;
}

form#search input.button {
	margin-left: 2px;
	width: 60px !important;
	vertical-align: middle;
}


/* --- footer --- */


#meta {
	padding: 20px 25px 0px 25px;
	font-size: 70%;
	color: #666666;
	position: relative;
	top: 45px;
}

#footer {
	height: 63px;
	padding: 0px 10px;
	overflow: hidden;
	background: white;
}

#subfooter {
	color: #999999;
	font-size: 0.7em;
	line-height: 110%;
	padding: 20px;
}

div#footerinc {
	padding: 35px 15px 0px 15px;
	text-align: left;
}

div#footerinc a {
	filter: alpha(opacity =       50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div#footerinc a:hover {
	filter: alpha(opacity =       100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}




/* ====== CONTENTS ====== */ 


/* --- contents --- */


div#contentswrapper {
	float: left;
	width: 480px;
	text-align: left;
}

div#breadcrumbs {
	background-color: #F5F5F5;
	color: #666666;
	font-size: 120%;
	height: 23px;
	margin: 2px 0px 2px 2px;
	padding: 2px 0pt 0pt 20px;
}

div#pagecontents {
	clear: both;
	padding: 0px;
}

h2.pagetitle {
	color: #626262;
	font-size: 17px;
	margin: 0px;
	padding-bottom: 7px;
	border-bottom: 4px solid #B4D300;
	margin-bottom: 2px;
}

div.pagetext {

}

div.pagetext div {
	line-height: 145%;
	font-size: 100%;
	background-color: #FAFAFA;
	padding: 15px 32px 5px;
	color: #626262;
}


/* --- homepage --- */


#pagecontents div.homepage {
	background-color: white;
	padding-top: 2px;
	border-top: 4px solid #8A8989;
	border-bottom: 4px solid #8A8989;
}

#pagecontents div.homepage div {
	line-height: 145%;
	font-size: 100%;
	background-color: #F5F5F5;
	padding: 15px 32px 5px;
	color: #626262;
}

#pagecontents div.homepage div img {
	float: left;
	margin: 0px 20px 5px 0px;
}

#pagecontents div.homepage ul li {
	clear: both;
	margin-top: 5px;
	list-style-image: url(images/bullet-list.png);
}




/* ====== FORMATS ====== */ 


/* --- info --- */


div.info {
	float: right;
}

div.info .label {
	clear: both;
	float: left;
	margin-right: 5px;
}

div.info .value {
	float: left;
	font-weight: bold;
}


/* --- form --- */


div.form {
	clear: both;
	padding: 10px 5px 20px;
	margin: 0px;
	background-color: #F5F5F5;
	border-bottom: 4px solid #8A8989;
}

div.form fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div.form h4 {
	font-size: 140%;
	font-weight: normal;
	text-transform: uppercase;	
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #333333;
}

div.form p.formtitle {
	margin: 0px 0px 5px;
	font-weight: bold;
}

div.form div.field, div.form div.fieldfile {
	clear: both;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px;
}

div.form div.field.special {
	padding: 10px 0px 20px;
	background-color: white;
	border-top: 1px dotted #AAAAAA;
	border-bottom: 1px dotted #AAAAAA;
}

div.form div.controls {
  text-align: right;
	clear: both;
	margin: 10px 0px;
	padding: 0px 20px 0px 0px;
	text-align: right;
}

div.form div.controls label {
	display: none;
}

div.form input.radio, div.form input.checkbox {
	width: auto;
}

div.form span.radiolabel {
  margin-right: 20px;	
}
	

div.form div.controls input.button, div.table div.controls input.button {
	width: 80px;
	font-size: 100%;
	text-transform: uppercase;
}
                                    
div.form div.text {
	clear: both;
}

div.form label,div.form span.label,div.form span.value {
	display: block;
}

div.form label,div.form span.label {
	font-weight: bold;
}

div.form input, div.form select,div.form textarea {
	width: 442px;
	margin: 1px;
	padding: 0.2em 0.3em;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	color: #333333;
}

div.form div.controls input {
	width: 10em;
}

div.form input.button, div.table div.controls input.button {
	margin: 1px;
	padding: 0.125em 0.4em;
	text-decoration: none;
	border: 1px solid #333333;
	background: #FFFFFF url(images/buttonshadow.png) repeat-x scroll center	bottom;
	cursor: pointer;
}

div.form input.error {
	border: 1px solid red;
}


/* --- form big --- */


div.form.big input,div.form.big input,div.form.big label,div.form.big span.label,div.form.big span.value
	{
	font-size: 120%;
}

/* --- tabbar --- */


div.tabbar ul {
  border-left: 1px solid #EEEEEE;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

div.tabbar ul li {
	font-size: 120%;
  float: left;
  margin-top: 5px;   
  background-color: #E5E5E5;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #EEEEEE;   
}

div.tabbar ul li span {
  display: block;   	
  padding: 0px 10px;
}

div.tabbar ul li.selected {
  margin-top: 0px;
  padding-bottom: 5px; 	
  background-color: #F5F5F5;
}	

div.tabbar ul li a:hover, div.tabbar ul li a.selected {
	text-decoration: none;
  color: #B4D300;
  background-color: #FAFAFA;
}


/* --- table --- */

div.table {
	clear: both;
}

div.table input {
	width: auto !important;
}

div.table span.msg_table {
	font-size: 1.2em;
	color: #666666;
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

div.table div.table_container {
	clear: both;
	margin-top: 20px;
	padding: 1px;
	background-color: #CCCCCC;
}

div.form div.table div.table_container {
	margin-top: 0px;
}

div.form div.table div.table_container div.controls {
  margin: 0px;
  padding: 0px;
  text-align: left;  
}

div.table div.table_container table {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}

div.table div.table_container table {
	width: 100%;
	padding: 0px;
	background-color: #CCCCCC;
}

div.table div.table_container table tr.header {
	background-color: #CCCCCC;
}

div.table div.table_container table tr.even {
	background-color: #EEEEEE;
}

div.table div.table_container table tr.odd {
	background-color: #F5F5F5;
}

div.table div.table_container table td {
	padding: 5px;
}

div.table div.table_container table td a.tableavatarlink img {
	float: left;
	margin-right: 10px;
	width: 32px;
	height: 32px;
}

div.table div.table_container table td.link {

}

/* ====== SPECIFIC ====== */ 


/* --- admin --- */


div.adminitems {
  background: #F5F5F5;
  padding: 20px 10px 20px 20px;
}

div.adminitems div.adminitem {	
	float: left;	
	width: 160px;
    height: 60px;
    margin: 0px 20px 10px 0px;
	padding: 5px;
	font-size: 150%;
	background-color: white;	
}

div.edit {
	margin-top: 20px;
	background-color: #EEEEEE;
	padding: 5px 10px 0px;
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
}


/* --- portfolio (list) --- */


div.item_portfolio {	
	width: 200px;
	height: 140px;	
	float: left;
	margin-left: 40px;
	display: inline;
}

div.item_portfolio div.avatar img {  
  width: 200px;
  height: 100px;  
  padding-bottom: 5px;
  border-bottom: 4px solid #B4D300;
}

div.item_portfolio a.listlink, div.item_portfolio a.visited {  
  color: #666666;
}

div.item_portfolio a.listlink:hover, div.item_portfolio a.listlink:active {  
  color: #B4D300;
}

/* --- portfolio (page) --- */

div.portfolio_fields strong {
	font-weight: normal !important;
	font-size: 110%;
	color: #666666;
}

div.portfolio_text {
	margin: 20px 0px;
	color: #626262;	
}

div.portfolio_text strong {
	font-weight: normal !important;
	font-size: 110%;
}

div.portfolio_text hr {
	background-color: none;
	border-color:white white #666666;
	border-style: none none solid;
	border-width: medium medium 3px;
	color: white;
	height: 1px;	
}

div.portfolio_thumbs {
}

div.portfolio_thumb {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;      
}


/* --- gallery --- */

ul.gallery {
  list-style-image: none;  
  list-style-type: none;
  margin: 0px;
  padding: 0px
} 

ul.gallery li {
  clear: both;
  font-size: 70%;   
}

ul.gallery li div.mediathumb {
  float: left;
  margin-right: 10px;
  width: 100px;   
  height: 110px;
}

ul.gallery li div.mediathumb img {
  width: 100px;
  height: 100px;   
}


ul.gallery li div.mediaoptions a {
  display: block;
}

/* --- projects --- */

div.projectcrumbswrapper {
  margin-bottom: 20px;
}


div.projectcrumbs {
  padding: 2px;
  background: #F6F6F6;
  font-size: 120%; 
  margin-bottom: 2px;
}


/* --- client pages --- */

h2.title span { text-transform: uppercase; display: block; font-weight: bold; }

div.new {
  padding: 2px;
  background: #F6F6F6;
  font-size: 120%; 
  margin-bottom: 2px;
}

div.dashboard_title {
}

div.dashboard_title span {
  display: block;
  text-align: right;
}


div.dashboard_title h2 {
  color: #666666;
  font-size: 24px;
  margin: 0px;
  padding-bottom: 7px;
  border-bottom: 4px solid #666666;
  margin-bottom: 2px;
}


div.listitem h4 span { text-transform: none; font-size: 0.8em; }

h2.projecttitle, h2.attachmenttitle, h2,threadtitle, h2.threadposttitle {
  color: #666666;
  font-size: 24px;
  margin: 0px;
  padding-bottom: 7px;
  border-bottom: 4px solid #666666;
  margin-bottom: 2px;
}


/* --- file --- */

.metadata p { font-style: italic; font-size: 90%; line-height: 100%; }

.metadata p.edit { text-align: right; font-style: normal; font-size: 100%; line-height: 100%; }

.metadata p span.author {font-weight: bold; }

div.filecontainer {
  background-color: #EEEEEE;
  padding: 5px 10px 5px;
  
}

div.file div.text {
  background-color: white;
  padding: 5px;
  background-color: #F9F9F9;  
}


/* --- list --- */


div.list {
  margin-top: 20px;
}

div.list div.list_container {
  clear: both;
}

div.list_container div.listoptions { 
  text-align: right;
  font-size: 90%; 
  padding-right: 10px;
}

div.list_container div.listoptions span { 
  margin-left: 10px;
}

div.list h3 {
	text-transform: uppercase;
	color: #666666;
	border-bottom: 2px solid #666666;
}

div.list div.listitem {	
  overflow:hidden;
}

div.list div.listitem h4 {
	border-bottom: 2px solid #666666;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
}	

div.list div.listitem {
  margin-left: 20px;
}  
  
div.list div.listitemtext {
  background: #F9F9F9;
  padding: 5px 10px;	
}
  
div.listitem_container {  
	padding: 5px 10px 5pX  ;
  background-color: #EEEEEE;  
}

div.listitem_subitem {
	margin: 10px 0px 5px 10px;
}	
 
div.listitem_subitem h5 {	
  border-bottom: 2px solid white;  
  color: #666666;
  font-weight: normal;  
  text-transform: uppercase;
}  
 

/* --- list message --- */


div.list div.list_message {
  display: none;
  color: #666666;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  float: left;
  padding: 2px 10px;
  margin: 10px 0px 10px;
}

div.list div.list_message.show {
  display: block;
}

div.list div.list_message.enhanced {
  display: none;
}

div.list div.list_message.warning {
  color: orange;
}

div.list div.list_message.error {
  color: red;
}



/* --- news --- */


div.newslist h2 { margin-bottom: 3px; }