/*MAIN DOM ELEMENTS
_____________________________________________________________*/

body {
	background-color:#000;
	color: #AAA;
}

a:link, a:visited, a:active {
	color: #AAA;
}

a:hover {
	color: #AAA;
}

/*GLOBAL STYLES
_____________________________________________________________*/

.red {
	color: #B50400;
}

.note,
.highlight {
	color:#FFF;
}

.avatar {
	background: #FFF;
	border: 1px solid #AAA;
}

.loadingbg {
	background: #FFF;
}

p.error,
li.error {
	color: #B50400;
}

.small-button {
	border:1px solid #111;
	background:url('../images/ui/sprite.png') 0 -605px;
	color:#999;
}

.small-button:hover {
	background:url('../images/ui/sprite.png') 0 -655px;
}

.icon {
	background:#999;
}

/*ERROR MESSAGE STYLES
_____________________________________________________________*/

div.error {
	border: 1px solid #E4DC6B;
	background: #FEFBCF;
	color: #B50400;
}

/*MODAL DIALOG BOX
_____________________________________________________________*/

#control_overlay {  
	background-color: #000;
}

.modal {  
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #333;
}

.modal-close {
	background: url('../images/ui/sprite.png') 0px -700px;
}

.modal-title span {
	color: #777;
}

/*TOOLTIP BOX STYLES
_____________________________________________________________*/

.tooltip {
	background-color:#222 !important;
	border:1px solid #444;
	-webkit-box-shadow: 0px 0px 30px #000;
	-moz-box-shadow: 0px 0px 30px #000;
	-opera-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
}

/*HEADER AND NAVIGATION
_____________________________________________________________*/

#header {
	background: #282828 url('../images/ui/bg_header_innerSWAFFS.jpg') no-repeat;
}
	
#header #logo {
	color: #FFF;
}
	
#header #search input.text {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#777;
	color:#000;
}

#header #sitetools #usertools a.button,
#header #sitetools #search a.button {
	background:#444;
	color:#BBB;
}

#header #sitetools #usertools a.button:hover,
#header #sitetools #search a.button:hover {
	background:#777;
}

#header #sitetools #usertools a.active,
#header #sitetools #search a.active {
	background: #DDD !important;
	color: #444 !important;
}

#header #nav li a {
	color:#AAA;
	-moz-border-radius-topleft: 4px;
	-khtml-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
	
#header #nav li a:hover {
	color: #FFF;
}
	
#header #nav li.active a {
	color:#FFF;
	background: #000;
}

a.navigation-link {
	color: #555;
}

a.navigation-link:hover {
	color: #000;
}

/*FOOTER AND COPYRIGHT
_____________________________________________________________*/

#copyright {
	border-top:1px solid #333;
	color: #888;
}

/*FORMS AND LAYOUT BOXES
_____________________________________________________________*/

div.block {
	background:#222;
}

div.block hr {
	border-bottom:1px solid #888;
}

div.block div.head {
	color:#999
	background-color:#333;
	padding:8px 10px;
}

div.block div.head a {
	color:#999;
}

div.block div.subhead {
	background-color:#444;
}

div.block div.body {
	background-color:#222;
}

div.block .body h1.title {
	border-bottom: 1px solid #BBB;
	background: #EEE;
}

div.block div.br {
	border-right: 1px dotted #BBB;
}

div.block div.box textarea.text {
	border:1px solid #666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#DDD;
	background:#555;
}

div.block div.box input.text {
	border:1px solid #666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#DDD;
	background:#555;
}

div.block div.box .textbox {
	border:1px solid #666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#DDD;
	background:#555;
}

div.block div.box input.button {
	border:1px solid #111;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:url('../images/ui/sprite.png') 0 -600px;
	color:#DDD;
}

div.block div.box input.button:hover {
	background-position: 0 -650px;
}

div.block div.box input.button:disabled {
	color: #888;
}

div.block div.box select.select {
	border:1px solid #666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#DDD;
	background:#555;
}

div.block div.r1 {
	background: #FFF;
}

div.block div.r2 {
	background: #F0F0F0;
}

/*TABLE LIST VIEW
_____________________________________________________________*/

table.list {
	border-right:1px solid #000;
}

table.list th {
	color:#999;
	background:#333;
	border-right:1px dotted #555;
}

table.list th a {
	color:#999;
}

table.list td {
	border-right:1px dotted #555;
}

table.list tr.r1 {
	background:#222;
}

table.list tr.r2 {
	background:#333;
}

table.list tr.r3 {
	background:#333;
}

/*TABBED PANEL VIEW
_____________________________________________________________*/

div.tabcontainer {
	border-top:5px solid #333;
}

ul.tabs li.tab a {
	-moz-border-radius-topleft: 4px;
	-khtml-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#999;
}
	
ul.tabs li.tab a:hover {
	background:#333;
}
	
ul.tabs li.tab a.active {
	background:#333;
}

/*TABLE LIST ACTIVITY BUTTONS
_____________________________________________________________*/

.button-normal,
.tab-button .button,
a.button,
a.icon-button,
ul.button a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:#444 url('../images/ui/sprite.png') 0 -600px;
	border:1px solid #111;
	color:#DDD;
}

.button-hover,
.tab-button .button:hover,
a.button:hover,
a.icon-button:hover,
ul.button a:hover {
	background:#444 url('../images/ui/sprite.png') 0px -650px;
}

.tab-button .button.selected,
a.button.selected,
a.icon-button.selected,
ul.button.selected a {
	background:#444 url('../images/ui/sprite.png') 0px -650px;
	border:1px solid #111;
	color:#888;
}


/*BLOG STYLES
_____________________________________________________________*/

.blog hr {
	border-top:1px dotted #AAA !important;
}

/*THUMBNAIL PAGINATION
_____________________________________________________________*/

.subhead .thumb-opt input.text {
	border:1px solid #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#DDD;
	background:#333;
	text-align:center;
}

.subhead .thumb-opt a {
	border:1px solid #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:url('../images/ui/sprite.png') 0 -650px;
	color:#DDD;
}

.subhead .thumb-opt a:hover {
	background:url('../images/ui/sprite.png') 0 -650px;
}
	
.subhead .thumb-opt a.selected {
	background:url('../images/ui/sprite.png') 0 -650px;
	border:1px solid #000;
	color:#888;
}
	
.subhead .thumb-opt .disabled,
.subhead .thumb-opt a.current {
	color: #999;
}

/*THUMBNAILS
_____________________________________________________________*/

.thumbnail {
	background:#555;
}

.thumbnail-container .handle {
	background: url('../images/ui/sprite.png') 0 -560px;
}

.thumbnail-container .large,
.thumbnail-container .small {
	background:#333;
	border:1px solid #444;
}

/*IMAGE DETAIL VIEW
_____________________________________________________________*/

.image {
	background:#333;
}

.quicklinks,
.quicklinks-active {
	background:#444;
	border:1px solid #000;
}

.quicklinks-active {
	background:#888;
	border:1px solid #000;
}

.quicklinks-active .thumbnail {
	border: 1px solid #888 !important;
}

.quicklinks .img,
.quicklinks-active .img {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.keywords {
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #000;
	background:#444;
}

/*TEXTBOX LIST
_____________________________________________________________*/

ul.textboxlist {
	border: 1px solid #BBB;
	background: #FFF;
}

ul.textboxlist li {
	border: 1px solid #AAA;
	background: #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul.textboxlist li a.bit-button {
	background: url('../images/ui/close.gif');
}

/*TAB VIEW BUTTON PANEL
_____________________________________________________________*/

div.tab-button {
	background: #FFF;
	border: 1px solid #AAA;
	color: #404947;
}