html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }

/* remember to define focus styles! */
:focus													{ outline: 0; }
body													{ line-height: 1;color: black;background: white; }
ol, ul													{ list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table													{ border-collapse: separate;border-spacing: 0; }
caption, th, td 										{ text-align: left;font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after	{ content: ""; }
blockquote, q											{ quotes: "" ""; }

/* main page layout */
body			    {background:#000;font-family: Arial, Helvetica, sans-serif; font-size:14px;}
body>div		    {background:url(../img/layout/background.png);}
body>div>div		    {background:url(../img/layout/background_body.png) repeat-x;}
body>div>div>div	    {margin:0 auto;}
div#header		    {width:980px;height: 80px;padding: 10px 0 5px 0;text-align: left;color: #999;font-size: 13px;}
div#frame		    {width:960px;border: #ccc solid 4px; padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.2);background:url(../img/layout/frame_background.png) repeat-x top #fff;}
div#footer		    {font-size: 12px;color: #CCC;background: url(../img/layout/footer_background.png) repeat-x top;padding:5px;margin:30px 0 0 0;padding:50px 0 40px 0;}
div#footer > div	    {margin: 0 auto;width:980px;}
div#footer a		    {font-weight: bold;text-decoration: none;}
div#footer a:hover	    {color: #BBE3FF;}
img[width="16"][height="16"]{vertical-align: top;}
a[href]			    {text-decoration: none;color: #62B0FF;}
a:visited[href]		    {text-decoration: none;color: #62B0FF;}
a:active[href]		    {text-decoration: none;color: #62B0FF;}
a:hover[href]		    {text-decoration: underline;color: #62B0FF;}

/* user menu: displays the users links or the login form */
div#usermenu		{float:right;color:#FFF;text-align:right;}
div#usermenu input	{background: #FFF;color: #000;border: 1px solid #0B77BF;}

/* main menu */
div#menu>a[href]		{text-shadow:1px 1px 2px #000000;color: #62B0FF;text-align: center;text-decoration: none;font-family: Geneva, Arial, Helvetica, sans-serif;font-weight: bold; font-size:15px; line-height:16px; float: left;padding: 12px 0 12px 0;width: 20%;}
div#menu>a:hover[href]	{color:#fff;}
div#menu				{height: 40px;}

/* top 234x60 banners */
div#top-banners			{margin: 20px 0px 20px 0px;height: 5px;text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
div#top-banners > div	{text-align: center;width: 25%;float: left;}
div#top-banners a		{font-weight: normal;color: #000000;text-decoration: none;}

/* sidebar banners */
div.sidebarBanner	{font-size:10px;text-align:center;}
div.sidebarBanner a	{font-weight: normal;color:#000000;text-decoration:none;}
div.sidebarBanner a:hover{text-decoration:none;color:#000000;}

/* the content */
div#content			{width:960px;line-height:20px;padding:40px 0 0 0;color:#444;font-size: 14px;overflow: hidden;}

/* sidebar: only used for 2 column layout */
div#sidebar			{overflow:hidden;line-height:normal;padding: 0 0 0 10px;width: 260px;min-height: 500px;height: auto !important;height: 500px;float: right;}
div#sidebar > h2						{color:#FFF;font-size: 14px;background:#2C5E7C;; padding:8px 4px;margin:0; font-weight:normal;}
div#sidebar > img						{float:right; margin:5px 5px 0 0;}
div#sidebar > ul						{margin:0 0 10px 0;padding:0;}
div#sidebar > ul > li					{list-style: disc; margin:0 0 0 20px; padding:0;}
div#sidebar > ul > li > a				{padding:6px;font-size:13px;color:#999;font-weight:normal;display:block;}
div#sidebar > ul > li > a:hover 		{text-decoration: underline;color:#000;}
div#sidebar > div.last-posts > p		{margin: 10px 5px; font-size:12px;}
div#sidebar > div.last-posts > p > span	{display:block;font-size:11px;color:#999;}
div#sidebar > div.last-posts > p > a	{display:block;font-size:14px;}
div#main								{width: 680px;min-height: 500px;height: auto !important;height: 500px;}

/* pagination */
div.pagination			{ display: inline; float: right; }

/* accounts (admin, editor, member) ############################################### */
div.navigation			{padding:0 0 10px 0;border-bottom: 4px dashed #EEE;}

/* link buttons */
a.button	    {line-height:16px;text-decoration:none;color:#FFF;border:1px solid #CCC;text-shadow:1px 1px 2px #666;display:inline-block;padding:10px 12px;
	      background-image: linear-gradient(bottom, rgb(99,99,99) 8%, rgb(166,166,166) 0%, rgb(235,235,235) 100%);
	      background-image: -o-linear-gradient(bottom, rgb(99,99,99) 8%, rgb(166,166,166) 0%, rgb(235,235,235) 100%);
	      background-image: -moz-linear-gradient(bottom, rgb(99,99,99) 8%, rgb(166,166,166) 0%, rgb(235,235,235) 100%);
	      background-image: -webkit-linear-gradient(bottom, rgb(99,99,99) 8%, rgb(166,166,166) 0%, rgb(235,235,235) 100%);
	      background-image: -ms-linear-gradient(bottom, rgb(99,99,99) 8%, rgb(166,166,166) 0%, rgb(235,235,235) 100%);

	      background-image: -webkit-gradient(
		  linear,
		  left bottom,
		  left top,
		  color-stop(0.08, rgb(99,99,99)),
		  color-stop(0, rgb(166,166,166)),
		  color-stop(1, rgb(235,235,235))
		  );
}
a.button:hover	    {color:#FFF;text-decoration:none;border-color:#62B0FF;
		    background-image: linear-gradient(bottom, rgb(17,135,194) 8%, rgb(33,181,255) 0%, rgb(196,235,255) 100%);
		    background-image: -o-linear-gradient(bottom, rgb(17,135,194) 8%, rgb(33,181,255) 0%, rgb(196,235,255) 100%);
		    background-image: -moz-linear-gradient(bottom, rgb(17,135,194) 8%, rgb(33,181,255) 0%, rgb(196,235,255) 100%);
		    background-image: -webkit-linear-gradient(bottom, rgb(17,135,194) 8%, rgb(33,181,255) 0%, rgb(196,235,255) 100%);
		    background-image: -ms-linear-gradient(bottom, rgb(17,135,194) 8%, rgb(33,181,255) 0%, rgb(196,235,255) 100%);

		    background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.08, rgb(17,135,194)),
			color-stop(0, rgb(33,181,255)),
			color-stop(1, rgb(196,235,255))
			);
}
a.button:visited    {color:#FFF;}

/* splash */
div#splash {background:url(../img/layout/splash.png) no-repeat; height:149px; padding:15px 15px 0px 20px;}
div#splash > span {color:#FFFFFF; display:inline-block;width:300px;}
div#splash > div {color:#BBBBBB;margin-top:30px; width:400px;}

p						{margin: 0 0 10px 0;}
strong					{font-weight:bold;}
h1						{font-size: 20px;margin: 10px 0;font-weight: bold;color: #996633;}
h2						{font-size: 18px;margin: 10px 0;font-weight: bold;}
h3						{font-size: 16px;margin: 20px 0 5px 0;font-weight: bold;color:#999;}
ol						{margin: 0 0 0 40px; list-style: decimal;}
ul						{list-style-type: square;list-style-position: outside;margin: 20px 0px 20px 0;padding-left: 30px;}
li						{margin: 5px 0;}
hr						{margin: 20px 0; background: red;}
noscript div			{padding: 20px 10px 20px 70px;margin: 0 0 10px 0;border: 5px solid #EEEEEE;background: url(../img/layout/alert.png) no-repeat left;}

/* errors and messages */
div.error				{color:#000;border: 5px solid #FFF;background:#FF8F8F;padding: 10px;margin:20px 10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1)}
div.success				{color:#000;border: 5px solid #FFF;background:#AFFFB2;padding: 10px;margin:20px 10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1)}
div.message				{color:#000;border: 5px solid #FFF;background:#CCCCCC;padding: 10px;margin:20px 10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1)}

/* form formatting */
table.form				{margin: 10px 0px 10px 0px;border-top:1px solid #EEE; width:100%;}
table.form td			{background-color: transparent;vertical-align:middle;padding:5px 0; border-bottom:1px solid #EEE;}

table.form input,table.form textarea,table.form select						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding: 2px; border: 1px solid #CCC; color: #666;}
table.form input.error,table.form textarea.error,table.form select.error	{ border-color: #FF8F8F; background-color: #FFDFDF; }

table.form td.label {text-align: left;width: 220px;font-weight: bold;vertical-align: top;}
table.form td.input { width: 200px; }
table.form span { font-weight:normal; }

img#ajax-loader {
    padding: 2px 0px 0px 10px;
    display: none;
}

/* directories */
table.list {margin: 7px 0px 0px 0px;font-size: 12px;color: #666666;width:100%;}
table.list th {background-color: #6FB2DF;color: #FFF;padding: 5px 5px 5px 5px;font-size: 14px;}
table.list td {padding:4px 0;border-bottom:1px solid #eee;}

/* main directory list */
table#dirlist						{margin: 7px 0px 0px 0px;font-size: 12px;color: #666666;}
table#dirlist tr:hover			{background:#F3F3F3;}
table#dirlist th					{background-color: #2F5F7F;color: #FFF;padding: 5px 5px 5px 5px;font-size: 14px;}
table#dirlist > tbody > tr > td		{height:55px;border-color: #eee;border-style: solid;border-width: 0px 0px 1px 0px;vertical-align:middle;}
table#dirlist a.submit				{text-decoration: none;float: right;color: #336699;border-width: 1px;border-style: solid;border-color: #FFFFFF;padding: 9px 1px 9px 1px;margin: 5px 0;}
table#dirlist a.submit:hover		{background-color: #eeeeee;border-color: #DDDDDD;}
table#dirlist a.dir-link			{color: #666666;text-decoration: none;font-size: 12px;font-weight: normal;width: 354px;float: left;padding: 1px;border-width: 1px;border-style: solid;border-color: #FFFFFF;overflow: hidden;margin: 5px 0;}
table#dirlist a.dir-link:hover		{background-color: #eeeeee;border-color: #DDDDDD;}
table#dirlist a.dir-link:visited	{background-image: url(../img/layout/visited_directory.png);background-repeat: no-repeat;background-position: right;}
table#dirlist a.dir-link span		{color: #336699;font-size: 14px;font-weight: bold;text-decoration: none;}

/* main directory list ajax expansion */
span.directory-report		{overflow:hidden;width: 910px;height: 100%;display:block;padding: 4px 4px 4px 16px;background: #FFF url(../img/layout/directory_report_background.png) no-repeat;border: 1px solid #EEE;}

table#dirlist td.directory-expand {overflow:hidden;vertical-align:top; background-color: #EEE;padding: 4px;margin: 0;}
table#dirlist td.directory-expand td {border: 0;padding: 3px 5px 3px 0;}
td.directory-expand span img.expand-load {margin: 192px 442px 192px 442px;}
td.directory-expand span h1 {color: #000;padding: 10px 0px 0px 0px;margin: 0;}
td.directory-expand span p {margin: 5px 0px 5px 0px;}

/* submission panel */
div#submission-panel {font-size:14px; height:28px;border:1px solid #DDD;padding:3px;background:#F9F9F9;overflow:hidden;}
div#submission-panel > h3 {color:#666;margin:0;padding:5px;margin:0 0 3px 0;font-size:16px;line-height:18px;}
div#submission-panel > a#panel-switch {cursor:pointer;font-weight:bold;color:#FFF;height:22px;float: right; display:block; padding:3px 8px;background:#777;}
div#submission-panel > form {padding:5px; border-top:1px dashed #DDD;}
div#submission-panel > form > select {width:200px;}
div#submission-panel > form:hover {background:#F3F3F3;}
div#submission-panel > form > span {width:200px;text-align:right;display:inline-block}
div#submission-panel img[width="16"] {vertical-align:top;}
div#submission-panel input, div#submission-panel textarea, div#submission-panel select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding: 2px; border: 1px solid #CCC; color: #666;}
table.profile-details {width:100%;}
table.profile-details td {width:25%;padding:3px 0;}


table.dirlist			{width:100%;}
table.dirlist th		{background-color: #2F5F7F;color: #FFF;padding: 5px 5px 5px 5px;font-size: 14px;}
table.dirlist td		{vertical-align:middle;border-bottom:1px solid #EEE;padding:3px 0;}
table.dirlist tr:hover		{background:#F3F3F3;}

div.report			{border:1px solid #CCC;padding:5px;margin:5px 0;}
div.report > span		{color:#999;margin:20px 0 10px 0;display:block;height:20px;}
div.report > div.options	{float:right;}
div.report > p			{background:#eee;padding:5px;}

div.modal{display:none;height: 100%;position: fixed;top:0;left:0;width: 100%;}
div.modal > div.background {width: 100%; height: 100%;position:absolute;background:#000000;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
div.modal > div.content {position:absolute;margin-top:-240px;margin-left:-410px;padding:10px;background:#FFFFFF;vertical-align:middle;height:460px;width:800px;top:50%;left:50%;}
div.modal > div.content > a.close {display:block;float:right;}

/* submission services */
ul.services {margin:20px 0 10px 0;padding:0;}
ul.services > li {margin:10px 0 0 0;padding:20px;list-style:none;border:1px solid #ccc;border-radius:3px;box-shadow:inset 0 0 30px #ccc;}
ul.services > li > a.title {font-size:1.2em;font-weight:bold;}
ul.services > li > a.url {font-size:0.8em;}

/* forums ######################################################################## */
table.forums {
    width: 100%;
    font-size: 12px;
}

table.forums th {
    background: #2F5F7F;
    color: #FFF;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

table.forums th:first-child {
    text-align: left;
}

table.forums td {
    padding: 15px 5px;
    text-align: center;
    border-bottom:1px solid #EEE;
    vertical-align:middle;
}

table.forums tr>td:first-child {
    text-align: left;
}

table.forums tr>td:first-child>a:first-child {
    font-size: 16px;
    font-weight: bold;
}

/* threads ######################################################################## */
table.threads {
    width: 100%;
    font-size: 12px;
}

table.threads th {
    background: #2F5F7F;
    color: #FFF;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

table.threads th:first-child {
    text-align: left;
}

table.threads td {
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #EEE;
}

table.threads tr>td:first-child {
    text-align: left;
}

table.threads tr>td:first-child>a:first-child {
    font-size: 14px;
    font-weight: bold;
}

/* thread ######################################################################## */
table.thread {
    width: 100%;
    font-size: 12px;
}

table.thread tr>td[colspan="2"] {
    background: #DDD;
    border: 1px solid #CCC;
    color: #666;
}

table.thread td {
    padding: 3px;
}

table.thread td.userdata {
    text-align: left;
    width: 150px;
    vertical-align: top;
}

hr {
    border: none;
    height: 1px;
    background: #CCC;
}


div#website-profiles table {
    width: 100%;
}
div#website-profiles table th {
    background: #2F5F7F;
    color: #FFF;
    padding: 5px;
    font-size: 14px;
}
div#website-profiles table td {
    padding: 10px 0;
    border-bottom: 1px solid #EEE;
    background:#FFF;
}
div#website-profiles table td a.action {
    padding: 5px 0px 0px 0px;
    text-decoration: none;
    text-align: center;
    float: left;
    width: 100px;
    height: 20px;
}
div#website-profiles table td a.action:hover {
    background-image: url(layout/dir_action_background.png);
    background-repeat: no-repeat;
}
div#website-profiles p {
    color: #666;
    margin: 20px;
    text-align: center;
}
div#website-profiles input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 2px;
    border: 1px solid #CCC;
    color: #A66400;
}
/* website profiles ######################################################################## */
div.account>div#workspace>table.website-profile {
    width: 100%;
}
div.account>div#workspace>table.website-profile th {
    background: #2F5F7F;
    color: #FFF;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
}
div.account>div#workspace>table.website-profile td {
    overflow: hidden;
    height: 40px;
    border-color: #eee;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    font-size: 12px;
}
div.account>div#workspace>table.website-profile a.action {
    padding: 5px 0px 0px 0px;
    text-decoration: none;
    text-align: center;
    float: left;
    width: 100px;
    height: 20px;
}
div.account>div#workspace>table.website-profile a.action:hover {
    background-image: url(layout/dir_action_background.png);
    background-repeat: no-repeat;
}
div.account>div#workspace>table.website-profile a.submit {
    float: left;
    text-decoration: none;
    color: #336699;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 9px 1px 9px 1px;
    margin: auto;
}
div.account>div#workspace>table.website-profile a.submit:hover {
    background-color: #eeeeee;
    border-color: #DDDDDD;
}
div.account>div#workspace>table.website-profile a.dir-link {
    float: left;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    width: 200px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    overflow: hidden;
    padding: 9px 1px 9px 1px;
}
div.account>div#workspace>table.website-profile a.dir-link:hover {
    background-color: #eeeeee;
    border-color: #DDDDDD;
}