/*
* Authors:
* Ben Ng
* Solitude
* Fluffball
*/

* {
	margin:0;
	padding:0;
}

body {
	/* center the wrapper in IE6 */
    text-align: center;
    background:#CCCCCC;
	color:#000000;
}

/*
* Main wrapper
*/
#wrapper
{
	width:880px;
    text-align: left;
	margin: 0 auto 10px auto;
	color: #333;
	line-height: 130%;
	background-color:#FFFFFF;
}

/*
* Standard link styles
*/
a img {
	border:none;
	padding-bottom:2px;
	border-bottom:2px solid #CC3300;
}
a:hover img,
a:active img {
	border-color:#CC0000;
}
a img.noborder {
	border:none;
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CC3300;
	text-decoration:none;
}
a:hover,
a:active {
	text-decoration:underline;
}

/*
* Header
*/
#header
{
	background-color:#000000;
	margin:0;
	padding:2px 20px 2px 20px;
}
#header,
#header a.breadcrumb {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	font-weight:100;
	text-decoration:none;
}
#header a.breadcrumb:hover,
#header a.breadcrumb:active {
	color:#FFFFD6;
}

/*
* Pagination
*/
.pagination {
	clear:both;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
.pagination ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	font-size:0px;
}
.pagination li {
	margin:0px 0px 0px 3px;
	padding:0;
	display:inline;
	list-style-type:none;
}
.pagination a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:4px;
	color:#333333;
	text-decoration:none;
	background-color:#EEEEEE;
}
.pagination a:hover,
.pagination a:active {
	background-color:#CCCCCC;
}
.pagination a.current:link,
.pagination a.current:visited,
.pagination a.current:hover,
.pagination a.current:active {
	color:#FFFFFF;
	background-color:#CC3300;
}

/*
* Sidebar
*/
#sidebar
{
	float: left;
	width: 100px;
	margin: 0;
	padding: 20px;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	margin:10px 2px 3px 0;
	padding:0px;
}
a.sidebar:link,
a.sidebar:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:15%;
	color:#CC3300;
	text-decoration:none;
}
a.sidebar:hover,
a.sidebar:active {
	text-decoration:underline;
}

#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar li {
	list-style-type: none;
}
#sidebar ol {
	margin-left:20px;
	padding:0;
	list-style-position:outside;
	font-size:16px;
}
#sidebar ol li,
#sidebar ol li.active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:decimal;
}
#sidebar ol li.active {
	font-weight:bold;
}
/*
* Content
*/
#content
{
	/* floated content to the right to get rid of the text-jog bug */
    float: right;
	width:720px;
    padding-bottom: 20px;
}
#content ul {
	margin:0;
	padding:0;
}
#content ul li {
	list-style-type:none;
}
#content .contentblock {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:20px; /*Realign with sidebar*/
	padding-right:10px;
}
#content h2, #content h3, #content h4, #content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#333333;
	font-weight:lighter;
	padding:10px 0 5px 0;
	margin:9px 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}
#content h3 {
	font-size:22px;
	padding:8px 0 4px 0;
	margin:20px 0 10px 0;
	border-color:#EEEEEE;
}
#content h4 {
	font-size:16px;
	margin:15px 0 3px 0;
	padding:6px 0 3px 0;
	border:none;
}
span.alert {
	color:#990000;
	font-weight:bold;
}
span.good {
	color:#339900;
	font-weight:bold;
}
span.about {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	padding:0px;
}
span.table_index {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:lighter;
	color:#000000;
}

.browsing_table {
	margin-right:10px;
	background-color:#EFEFEF;
	border:1px solid #333333;
}

.browsing_table tr th {
	font-size:12px;
	font-weight:bold;
	background-color:#333333;
	color:#FFFFFF;
	padding:5px;
	min-width:70px;
}

.browsing_table tr td {
	border:1px solid #CCCCCC;
	padding:5px;
	min-width:70px;
}

/*
* Attachment Search
*/
#attachment_search_report {
	height:110px;
	overflow:auto;
}
.shadow_attachments {
	color:#FFF;
	padding:5px;
}
.shadow_attachment_thumb {
	padding-bottom:2px;
}
.add_media_desc,
.img_shadow_attachment_grid,
.vid_shadow_attachment_grid,
.audio_shadow_attachment_grid,
.file_shadow_attachment_grid {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding:2px;
	color:#000;
	border:1px solid #CCC;
	background-color:#FFF;
	width:120px;
	height:120px;
	margin:1px;
	float:left;
	display:inline;
	overflow:hidden;
}
.add_media_desc {
	width:248px; /*2*120(Grid width)+4(Padding)+2(Border)+2(Margin)*/
	height:120px;
}
.img_shadow_attachment_grid,
.vid_shadow_attachment_grid,
.audio_shadow_attachment_grid,
.file_shadow_attachment_grid {
	background-image:url(../Images/Tango/image-x-generic.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.vid_shadow_attachment_grid {
	background-image:url(../Images/Tango/video-x-generic.png);
}
.audio_shadow_attachment_grid {
	background-image:url(../Images/Tango/audio-x-generic.png);
}
.file_shadow_attachment_grid {
	background-image:url(../Images/Tango/x-office-document.png);
}
.shadow_attachment_grid:hover {
	background-color:#FBEBD2;
	border:1px solid #F60;
}

/*
* Code
*/
div.code,
div.quote {
	padding:5px;
	margin:5px 15px 10px 15px;
	border-right:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	border-left:5px solid #555555;
	display:block;
}
div.codetitle,
div.quotetitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	color:#555555;
	background-color:#EEEEEE;
	margin:-5px -5px -10px -5px;
	padding:2px 0px 2px 5px;
}
/*
* Input
*/
.toolbar {
	margin-bottom:5px;
}
.toolbar a {
	color:#000000;
	padding:2px 4px;
	border:1px solid #CCCCCC;
	margin-right:2px;
}
.toolbar a:hover {
	border-color:#CC3300;
}
select,
input[type=submit] {
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:1px 20px;
	color:#393939;
	background-color:#EEEEEE;
	border:1px solid #8F8F8F;
}
select {
	padding:1px;
	font-size:14px;
}
select option {
	margin:0;
	font-size:14px;
	padding:2px 3px;
}
input[type=submit]:hover {
	color:#FFFFFF;
	background-color:#CC3300;
}
input[type=text],
input[type=text].failed,
input[type=text].verified,
input[type=password],
input[type=password].failed,
input[type=password].verified,
textarea.verified,
textarea.failed,
textarea.noinput,
.full {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:95%;
	padding:1px 2px;
	color:#555555;
	background-color:#FFFEF9;
	border:1px solid #EFEFEF;
}
input[type=text]:hover,
input[type=password]:hover,
textarea.verified:hover,
textarea.failed:hover,
textarea.noinput:hover,
.full:hover {
	color:#000000;
	background-color:#FFFCEF;
	border:1px solid #CDCDCD;
}
input[type=text]:focus,
input[type=password]:focus,
textarea.verified:focus,
textarea.failed:focus,
textarea.noinput:focus,
.full:focus {
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #FF5500;
}
input[type=text]:disabled {
	background-color:#CCCCCC;
	color:#666666;
	border:1px solid #CDCDCD;
}
input[type=text].failed,
input[type=password].failed,
textarea.failed {
	color:#FFFFFF;
	background-color:#FF0000;
}
input[type=text].verified,
input[type=password].verified,
textarea.verified {
	color:#FFFFFF;
	background-color:#D3F7D2;
	border:1px solid #006600;
}
.about {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

/*
* Theme viewer
*/
.clearBoth {
	clear:both;
}
.themeThumb {
	float:left;
}
.themeDesc {
	padding:5px;
	float:left;
	width:310px;
}

/*
* Footer
*/
#footer
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#454545;
	background-color:#EFEFEF;
	padding:50px 5px 10px 5px;
	clear:both;
}