/*
 * Desert Fox Clan web site content styles
 */
body {
	margin:0px;
	padding:0px;
    text-decoration: none;
    font-style: normal;
    font-weight:normal;
    font-family:arial, sans-serif;
    font-size:14px;
	background-color:black;
    color:#FFFFDD;
   }
h1 {
    font-size:20px;
    font-weight:bold;
    color:#FFFFEE;
   }
h2 {
    font-size:18px;
    font-weight:bold;
    color:#FFFFEE;
   }
h3 {
    font-size:16px;
    font-weight:bold;
    color:#FFFFEE;
   }
h4 {
    font-size:16px;
    color:#FFFFEE;
   }
p  {
    font-size:14px;
   }
em {
    font-style: normal;
    color:#B0B000;
   }

.yellow  {
    color:#CCCC00;
   }

.dyellow  {
    color:#B0B000;
   }
.smallyellow
{
    font-size:11px;
    color:#CCCC00;
}
.tiny  {
    font-size:11px;
   }
.bold  {
	font-size: 15px;
	font-weight:bold;
	color: #FFFF00;
   }
.nolink  {
	color: #B08020;
   }

td.note {
    font-size:13px;
   }
   
.smallgrey {
	color:#A0A0A0;
    font-size:11px;
}

.aligncenter {
	text-align:center;
}

.social-share {
	cursor: pointer;
}

table.homepagetable
{
	border-spacing:5px;
}

table.spacing0padding0
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.spacing0padding0 td
{
	padding:0px;
}

table.spacing0padding2
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.spacing0padding2 td
{
	padding:2px;
}
table.spacing0padding3
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.spacing0padding3 td
{
	padding:3px;
}

table.spacing0padding5
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.spacing0padding5 td
{
	padding:5px;
}

table.spacing2padding2
{
	border-spacing:2px;
	border-collapse:collapse;
}
table.spacing2padding2 td
{
	padding:2px;
}

table.list {
	border : 1px solid #808080;
	background-color:transparent;
    color:#FFFFDD;
	border-spacing:1px;
}
table.list td {
    font-size:13px;
	background-color:#202020;
	padding:1px;
   }
table.list td.title {
    font-weight:bold;
	background-color:#202020;
    color:#B0B060;
	height:22px;
	text-align:center;
	padding:1px;
   }
table.list td.bold {
    font-weight:bold;
	background-color:#202020;
	padding:1px;
   }
table.list td.black {
	background-color:#000000;
	padding:1px;
   }
table.list td.grey  {
    color:#A0A0A0;
	padding:1px;
   }

td.central
{
	text-align: center;
	vertical-align: middle;
}

a, a:Link, a:active, a:visited
{
	text-decoration: none;
	color: #FFD400;
}
a:hover
{
	text-decoration: none;
	color: #FFEE00;
}

table.list td a, table.list td a:Link, table.list td a:active, table.list td a:visited
{
	font-size: 13px;
	text-decoration: none;
	color: #FFD400;
}
table.list td a:hover
{
	font-size: 13px;
	text-decoration: none;
	color: #FFEE00;
}

a.small, a.small:link, a.small:visited, a.small:active
{
    font-size:11px;
    text-decoration: none;
    color:#FFD400;
}
a.small:hover
{
    font-size:11px;
    text-decoration: none;
    color:#FFEE00;
}

.minilink
{
	white-space: nowrap;
	/*height: 25px;*/
	/*padding-bottom: 2px;*/
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: middle;
}

.jsLink {
	cursor: pointer
}

input, textarea, select
{
	font-size : 13px;
	color : #F0F0F0;
	background-color : #303030;
	border : 1px solid #A0A0A0;
}

textarea
{
	width:100%;
}

input.chk {
	background-color : #000000;
	border : none;
}

input.button
{
	border : 2px solid #808080;
	background-color : #000000;
	color: #FFFFDD;
	font-size : 14px;
	font-weight : bold;
	padding : 2px;
	margin : 1px;
	cursor: pointer;
}

div.darkGreyBox
{
	border:1px solid #808080;
	background-color:#202020;
	text-align:left;
	padding:5px;
}

img.bannerimage
{
	height: 100px;
}

img.bannerimagesmall
{
	height: 50px;
}

img.noborder
{
	border: 0;
}

img.icon
{
	width: 22px;
	height: 15px;
	border: 0;
}

img.icon-medium
{
	width: 32px;
	height: 32px;
	border: 0;
}

img.loading-spinner
{
	width: 60px;
	height: 60px;
	border: 0;
}
/*
img.icon-square-small
{
	width: 25px;
	height: 25px;
	border: 0;
}
*/
.icon-square-small
{
	width: 25px;
	height: 25px;
	border: 0;
	cursor: pointer;
	background: transparent;
	padding: 0;
	margin: 0;
	background: none;
	outline: none;
}

.icon-square-vsmall
{
	width: 18px;
	height: 18px;
	border: 0;
	cursor: pointer;
	background: transparent;
	padding: 0;
	margin: 0;
	background: none;
	outline: none;
}

img.qwicon
{
	width: 15px;
	height: 20px;
	border: 0;
}

img.littlefox
{
	width: 25px;
	height: 21px;
	border: 0;
}


img.responsive
{
	max-width: 100%;
	max-height: 100vh;
	border: 0;
}

img.w3cbadge
{
	width: 88px;
	height: 31px;
	border: 0;
}

img.rssxmlbadge
{
	width: 32px;
	height: 32px;
	border: 0;
}

img.mcwbadge
{
	width: 124px;
	height: 75px;
	border: 0;
}

img.newflag
{
	width:18px;
	height:11px;
	border: 0;
}

img.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


div.dragDropContainer
{
	width: 100%;
	height: 100%;
}
div.dragDropZone
{
	background-color: #303030;
	border: #808080 5px dashed;
	max-width: 100px;
	width: 100%;
	max-height: 100px;
	height: 100%;
	font-size: 18px;
	position: relative;
	margin: 0 auto;
}
span.dragDropZoneText
{
	display: table;
	margin: 0 auto;
}
progress.dragDropZoneProgress
{
	width: 100%;
    position: absolute;
	bottom: 0;
	left: 0;
}
.hidden {
	display: none;
}
.visible {
	display: block;
}
.roundedCorners5 {
	border-radius: 5px;
    -moz-border-radius: 5px;
}
.roundedCorners10 {
	border-radius: 10px;
    -moz-border-radius: 10px;
}
.vertical-middle {
	vertical-align: middle;
}
ul.spaced li {
	margin-top: 6px;
	margin-bottom: 6px;
}