body, * {padding:0;margin:0}
body{
	background-color: #E9E9E8;
	background-image: url('Images/Background.png');
	font-family: sans-serif;
	font-size:13px;
	color: #555753;
	text-shadow: #fff 0px 0px 6px;
	text-align: justify;
	_text-align: center
}

/*-------------Typography-------------*/

h1, h2, h3, h4 {color:#2e3436;padding-top:10px;padding-bottom:5px;font-weight:bold}

h1 {font-size:16pt;color: #2f769a;}

h2 {font-size:12pt;color: #2f769a;}

h3 {font-size:11pt}

h3 {font-size:10pt}

p {padding:10px; padding-right:0px;}

a, a:hover, a:active, a:visited {
	color: #60789C;
	text-decoration: none;
}

a:hover {color:#000; text-shadow: #BFE4FF 0px 0px 8px;} /*text-decoration:underline; */

ul {
padding-left:30px;
}

ol {
padding-left:40px;
}

li {
line-height:150%
}

img {border: 0px}

table tr td {
border: 1px solid #e5e5e5;
padding: 2px;
}

label, legend {
	font-family: sans;
	font-size: 16px;
	font-weight: bold
}

.Text, .Password, .Select, .Textarea, .File, .Form fieldset {
	width: 100%;
	margin-bottom: 10px;
	padding-left: 5px;
}

.Text, .Password, .Textarea {
	height: 25px;
	border: 1px solid #ccc;
	color: #000;
	font-family: sans;
}

.Select {
	background-color: #eee;
}

.Textarea {
	height: 100px;
}

/*-------------Basic Formating--------------*/

#Container {text-align:justify}

#Container {
	background:#fff;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#Top {
	background-color: #00487D;
	background-image: url('Images/BodyTop.gif');
	background-position:top center;
	background-repeat:no-repeat;
	height: 44px;
}

#Top a{
	display:block;
	float:left;
	height:40px;
	text-indent:-9999px;
	width:600px;
}

#Left {
	float: left;
	width: 160px;
	padding-left:20px;
	padding-right:20px;
}

#Left ul{
list-style:none;
padding:0;
padding-bottom:10px;
margin-bottom:10px;
border-bottom: 1px solid #eee;
}

#Left ul li{
text-shadow: #E6F4FF 0px 2px 2px;
padding-bottom:5px;
line-height:100%
}

#Right {

	float: right;
	padding-right: 20px;
	padding-left: 20px;
	width: 160px;
}

#Right ul {
list-style:none;
padding:0;
padding-bottom:10px;
margin-bottom:10px;
border-bottom: 1px solid #eee;
}

#Right ul li{
text-shadow: #E6F4FF 0px 2px 2px;
padding-bottom:5px;
line-height:100%
}

#Middle {
	display: table;
	width: 100%;
	padding-top:20px
}

#Bottom {
	background-color: #00487D;
	background-image: url('Images/BodyBackground.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-top:20px;
	height: 60px;
}

#Center {
	float: left;
}

#Contents {
	width: 550px;
}

#Contents a:visited {color: #916c4d}

#Contents .List {list-style:none;padding:0}

#Contents .List li{padding:5px;min-height:50px}

#Contents .List .Odd, .Sortable li .Odd, .Grid .Odd{
background-color: #edf3fe;
}

.Link img{padding-right:5px}

.Container{padding-top:0px}

.Error {
	background-color: #FFC4BE;
	color: #000;
	border: 1px solid red;
}

div.Button, div.Button *{cursor:pointer;}

div.Button {
	float:right;
	padding:0px;
	margin:5px;
	padding-top:1px;
	width:100px;
	height:24px;
	background-image: url('Images/Button.png');
	background-repeat:no-repeat;
	line-height:24px;
}

div.Button:hover{
	background-image: url('Images/ButtonHover.png');
}

div.Button img{
	padding-left:3px;
	padding-right:3px;
	float:left;
	position:relative;
}

.Project-Icon {
	border: 1px solid #eee;
	padding: 5px;
	margin-left:20px;
	margin-top:10px;
	float: right;
}

.Project-Title {
	text-align: center;
}

.Project-Screenshots li {
	list-style: none;
	margin: 10px;
	border: 1px solid #ccc;
	float: left;
}
.Project-Screenshots li:hover {
	border: 1px solid #000;
}

.Project {
	margin-left: auto;
	margin-right: auto;
}

.Project .Screenshots #Description {
	border: 1px solid #292929;
	background-color: #5B5B5B;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	opacity: 0.8;
	position: absolute;
	color: white;
}

.Project .Screenshots #Description .Description {
	width: 90%;
}

.Project .Screenshots {
	width: 552px;
	height: 355px;
	display: table;
}

.Project .Screenshots .Carousel {
	overflow: hidden;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.Project .Screenshots .Carousel .ListItem {
	width: 552px;
	height: 353px;
	padding: 0px;
	margin: 0px;
}

.Project .Screenshots .Carousel .ListItem .Frame .Container {
	border: 0.1px solid #a9aaa8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.Project .Screenshots .Thumbnails {
	overflow: hidden;
	margin-top: 5px;
	background-color: #EEEEED;
	height: 55px;
	position: relative;
}

.Project .Screenshots .Thumbnails .List {
	position: absolute;
	width: 10000px;
}

.Project .Screenshots .Thumbnails .List .ListItem {
	float: left;
	min-height: 0 !important;
	padding: 0px !important;
	margin-left: 15px;
	margin-bottom: 5px;
}

.Project .Screenshots .Thumbnails .List .ListItem .Container.Frame {
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center center;
	border: 1px solid #a9aaa8;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right;
}

.Project .Screenshots .Thumbnails .List .ListItem .Container.Caption {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

.Project .Screenshots .Thumbnails .List .ListItem .Container {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 5px;
}

.Project .Screenshots .Thumbnails .List  .ListItem:hover {
	cursor: pointer;
}

.Project .Features {
	float: left;
	border-right: 1px solid #DDDEDB;
	width: 45%;
}

.Project .Features ul li {
	background-color: none !important;
	color: #000;
	padding: 0;
	margin: 0;
	min-height: 0 !important;
}

.Project .Description {
	float: left;
	width: 45%;
	margin-left: 5%;
}

.Brief {
	padding-top:15px;
	/*border-bottom: 1px solid #eee;*/
}

.Brief div a img{
	padding:5px;
	margin-right:20px;
	margin-bottom:10px;
	background-color:none;
	border: 1px solid #ccc;
}

.Brief .Container{display:table}

.Brief .Link{float:right}

.Brief .Button img{margin-left:1px;width:10px;height:10px}

#Search-box {
	display:table;
	padding-bottom: 10px;
}

#Search-box input{float:left}

#Search-box .Text {
	width: 120px;
}

#Search-box .Button{
	width:27px;
	height:27px;
	background: #ccc;
	border: solid 1px #ccc;
	border-left:none;
}
#Search-Box .Button:hover{background:#eee}

.Search li {
	width: 95%;
	border: 1px solid #eee;
	text-align: justify;
	margin: 10px;
	padding: 3px;
}
.Search li .Image{float:left;margin:10px}

.OperatingSystem-Icon {
	border: 1px solid #eee;
	text-align: center;
	float: left;
}

.Breadcrumb {
	display:table;
	width: 100%;
	border: 1px solid #eee;
	padding-left:5px;
	padding-bottom:8px;
	overflow: scroll;
}
.Breadcrumb img {
	position:relative;
	top:7px;
}
.BreadcrumbItem {
	float: left;
}
.Menu {
	list-style: none;
}

.Menu li ul li {
	padding-left: 30px;
	list-style: none;
}

.Menu .Separator {
	background-color: #eee;
	height: 1px;
	margin-top: 6px;
	margin-bottom: 3px;
}

.Sortable {
	cursor: move;
	list-style:none;
	padding:0;
	margin:0;
}

fieldset.Container{
	padding:10px;
	margin-bottom:10px
}

.Dialog {
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px;
	padding-left:30px;
	margin:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.Dialog.Info {
	background-color:#FDF7E1;
	border:1px solid #BE9866;
}

.Dialog.Tip {
	border: 1px solid black;
	background-color: #101010;
	opacity: 0.7;
	color: #fff;
	padding: 2px;
}

.Dialog.Question {
	border: 1px solid #1D33FF;
	background-color: #92CCFF;
}

.Register{
	background-color: #edf3fe;
	border:1px solid #ccc;
	margin:20px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:300px;
}

#Validator {
	border: 1px solid red;
	background-color: #FFB2A8;
	text-align: center;
	display: table;
	padding: 5px;
}

.Validator.Failed {
	border: 1px dashed red;
}

.Validator.Success {
	border: 1px dashed green;
}

.Clear{clear:both}


.Layout .List {
	border: 4px dashed #eee;
	margin: 2px;
	min-width: 20px;
	min-height: 20px;
}

.Layout #Block_Left {
	float: left;
}

.Layout #Block_Above {
	float: left;
}

.Layout #Block_Below {
	float: left;
}

.Layout #Block_Right {
	float: right;
}

.Layout #Block_Bottom {
	clear: both;
}

.Layout #Block_Hidden {
	background-color: #FFA5A5;
}

.Fieldset { 
	border: 1px solid #E4E4E4;
}

#AjaxIndicator {
	position: fixed;
	top: 0px;
	left: 0px;
	color: #000;
	background-color: red;
}

.User {
	font-weight: bold;
	float: left;
	margin: 2px;
}

.User .Image {
	margin: 2px;
}

.Comment {
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #eee;
	display: table;
	width: 95%;
}

.Comment .Title {
	background-color: #9D9D9D;
	color: #fff;
	display: table;
	width: 100%;
}

.Comment .Date {
	float: right;
}

.Comment .Toolbar {
	background-color: #d8d8d8;
}

.Grid{width:100%}

.Tooltip {
	max-width: 400px;
}

#GHNS-Infobox {
	position: fixed;
	width: 350px;
	right: 10px;
	top: 200px;
	opacity: 0.85;
}