/* Import the reset stylesheet */
@import url('admin-reset.css');

html {
	height: 101%; /* Force a scroll bar at all times */
}

body {
	font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
	font-family: 'Gill Sans', 'Trebuchet MS', Arial, sans-serif;
}

a img {
	border: 0;
}

a {
	color: blue;
}

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

table {
	width: 100%;
	border: 1px;
}

th, td {
	padding: 5px;
}

th {
	text-align: left;
}

code {
	font-family: 'Lucida Console', monospace;
	color: gray;
}

#wrapper {
	font-size: 1.5em;
}

#header {
	height: 78px;
	width: 100%;
	background-color: #000000;
}

#logo {
	height: 78px;
	width: 400px;
	background-image: url('../images/proteos-logo.png');
	background-repeat: no-repeat;
	float: right;
	font-size: 0px;
	text-indent: -9999px;
}

#navigation {
	height: 75px;
	width: 100%;
	background-color: #DFDFDF;
}

#navigation ul {
	height: 75px;
	width: 960px;
	margin: 0 auto;
}

#navigation ul li {
	height: 75px;
	list-style-position: inside; /*http://buildinternet.com/2009/09/quick-tip-simplify-list-margins-with-css/ */
	list-style-type: none;
	display: block;
	float: left;
	padding: 0px 10px 0px 10px;
	font-size: 1.5em;
	line-height: 75px;
	border-right: 1px solid #BDBDBD;
}

#navigation ul li.last {
	border-right: 0px;
}


#navigation ul li a {
	text-decoration: none;
	color: #7D8288;
	height: 65px;
	display: block;
}

#navigation ul li a:hover {
	border-bottom: 10px solid #84AC70;
}

#body-content {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	width: 940px;
	margin: 0 auto;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	padding: 10px;
}

#tabs ul {
	margin-left: 30px;
}

#tabs ul li {
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 5px;
	background-color: #DFDFDF;
	padding: 13px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

#tabs ul li a {
	color: #7D8288;
	font-size: 1.3em;
	text-decoration: none;
}

#tabs ul li .selected {
	font-weight: bold;
}

#tabbed_contents {
	margin: 0px 0px 15px 0px;
	padding: 10px;
	border: 3px solid gray;
	
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

#tab_options {
	display: none;
}

#tab_attachments {
	display: none;
}

#footer {
	height: 50px;
	width: 100%;
	text-align: center;
	background-color: #DFDFDF;
}

.faux-button {
	display: inline-block;
	border: 1px dashed black;
	padding: 7px;
	margin-top: 5px;
	background-color: #DFDFDF;
	font-weight: bold;
}

ul.draggable_list { 
	position: relative;
	width: 400px; 
	list-style: none;
	margin: 0;
	padding: 0;
	/*
	   The bottom padding provides the cushion that makes the empty 
	   list targetable.  Alternatively, we could leave the padding 
	   off by default, adding it when we detect that the list is empty.
	*/
	padding-bottom: 20px;
}

ul.draggable_list li {
	margin: 3px;
	cursor: move;
	padding: 3px;
}

li.draggable_li {
	background-color: #D1E6EC;
	border: 1px solid #7EA6B2;
}