BODY {
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  color: #000;
  font: 14px calibri, Lucida, Verdana, sans-serif;
  background: #585858;
  background-image: url("/images/3am/Dvsp4_bground.png");
  background-repeat: repeat-y;
  background-position: center;
}

/* ------------ MAIN CONTAINER DEFINITIONS ---------------- */


#container
{
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 1000px;
  background-color : transparent;
  border-left: 1px solid #585858;
  background-image: url("/images/3am/3AM-LOGOV.gif");
  background-repeat: no-repeat;
  background-position: 100% 0px;
}

#memberlinks
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color : transparent;
  height: 50px;
  width: 100%;
}
#memberlinks p {
  text-decoration: none;
  margin: 0 15px 0 15px;
  padding: 5px 15px 4px 15px;
  text-align:right;
  font-size: 11px;
  color: #fff;
/*  background-color :#000; */
}
#memberlinks a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #fff;
  text-decoration: none;
}
#memberlinks a:visited {
  color: #fff;
}
#memberlinks a:hover {
  color: #ff0000;
  text-decoration: none;
}


#topnav
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-image: url("/images/3am/hd_News.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #833232;
  height: 200px;
  width: 950px;
  font: 14px "trebuchet ms", Lucida, Verdana, sans-serif;
}

#topnav.tutorials
{
  background-image: url("/images/3am/hd_Tutorials.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#topnav.downloads
{
  background-image: url("/images/3am/hd_Downloads.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#topnav.userblog
{
  background-image: url("/images/3am/hd_Blogs.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#topnav.links
{
  background-image: url("/images/3am/hd_Links.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#topnav.Gallery
{
  background-image: url("/images/3am/hd_Gallery.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#topnav.knowledgebase
{
  background-image: url("/images/3am/hd_Knowledgebase.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#sidenav {
  float: left;
  margin: 0px 0px 0px 0;
  padding: 5px 12px 1px 18px;
  width: 185px;
  background-color: #fff;
}

#content {
  float: left;
  margin: 0px 0px 0 0px;
  padding: 5px 5px 5px 5px;
  width: 560px;
  background: #fff;
}

#widecontent {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px 5px 5px;
  width: 760px;
  background: #fff;
}

#leftwidecontent {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 20px;
  width: 760px;
  /*min-width: 646px;*/
  background: #fff;
  /*border-left: 1px dotted #bdbdbd;*/
  /*border-right: 1px solid #bdbdbd;*/
}

#fullcontent {
  clear: both;
  margin: 0 0 0 0;
  padding: 5px 20px 5px 20px;
  background: #fff;
}


/* ------------ HTML HYPERLINK DEFINITIONS ---------------- */
a {
  color: #3366cc;
  text-decoration: none;
}
a:visited {
  color: #3366cc;
}
a:hover {
  color: #000066;
  text-decoration: underline;
}

a.main {
  color: #3366cc;
  text-decoration: none;
}
a.main:visited {
  color: #3366cc;
}
a.main:hover {
  color: #000066;
  text-decoration: underline;
}

a.image {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 0 0 0 0;
  text-decoration: none;
}

a.big {
  color: #3366cc;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
}
a.big:visited {
  color: #3366cc;
}
a.big:hover {
  color: #00ccff;
  text-decoration: underline;
}

/* ------------ HTML HEADING AND PARAGRAPH DEFINITIONS ---------------- */

H1 {
  color: #fff;
  font-size: 16px;
  margin:  20px 0 0 0;
  display: block;
  padding: 0.3em 5px 0.3em 12px;
  background-color: #585858;
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

H2 {
  color: #585858;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  margin: 0.8em 0 0 0;
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

H3 {
  color: #585858;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  margin: 0.8em 0 0 0;
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

P {
  color: #585858;
  line-height: 1.3em;
}

P.membership {
  margin: 0 15px 0 0;
  padding: 0 0 0 0;
  text-align:right;
  font-size: 11px;
  color: #fff;
}

P.strong {
  color: #000;
  font-weight: bold;
}


P.warning {
  color: #FF0000;
}

/* ------------ HTML IMAGE DEFINITIONS ---------------- */
img {
  margin: 0;
  padding: 0;
  border: 1px solid #000;
}

img#L3 {
  margin: -5px 0 0 0;
  padding: 0;
  border: 0;
  float: center;
}

img#right {
  margin: 0 0 1em 1em;
  padding: 0 0 0 0;
  border: 1px solid #000;
  float: right;
}

img#left {
  margin: 0 1em 1em 0;
  padding: 0 0 0 0;
  border: 1px solid #000;
  float: left;
}

img#span {
  margin: 0 0 1.0em 0;
  padding: 0 0 0 0;
  border: 1px solid #000;
  float: left;
}

img#logo {
  margin: 0.2em 0.2em 0 0.2em;
  display: inline;
  padding: 0;
  border: 0;
  float: right;
}

img#boxshots {
  margin: 0 0 15px -10px;
  display: inline;
  padding: 0;
  border: 0;
  float: left;
}

img#acro {
  margin: 0.2em 0.2em 0 0.2em;
  display: inline;
  padding: 0;
  border: 0;
  float: left;
}

/* ------------ HTML TABLE DEFINITIONS ---------------- */

table {
  color           : #585858;
  text-decoration : none;
  border-collapse : collapse;
  width           : 100%;
  margin-bottom   : 1.5em;
}

TR {
  border  : 2px solid #585858;
  background-color: #cacaca;
}

TH {
  font-size        : 16px;
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  color             : #fff;
  background-color : #585858;
  padding: 0.3em 5px 0.3em 12px;
  text-decoration : none;
}

TH.splash {
  font-size       : 14px;
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  color           : #fff;
  background-color : #585858;
  background-image: none;
  padding         : .5em;
  text-decoration : none;
  text-align: left;
}

TD {
  border-bottom: 1px solid #cacaca;
  padding         : .5em;
  text-decoration : none;
  background-color: #f3f3f3;
  vertical-align  : top;
}

td.middle {
  vertical-align  : middle;
}

TD.splash {
  background-image: none;
  border-bottom: 1px solid #bdbdbd;
  padding         : .5em;
  text-decoration : none;
  background-color: #f3f3f3;
  vertical-align  : top;
  text-align: left;
}

TH#desc {
  width           : 35%;
}

TH#money {
  text-align      : center;
}

TD#desc {
  width           : 35%;
 background-color: #f1f1f3;
}

TD#money {
  text-align      : center;
 background-color: #f3f3f3;
}

table.invisible {
  color           : #585858;
  text-decoration : none;
  border-collapse : collapse;
  width           : 100%;
  margin-bottom   : 0;
  border-bottom   : 0px;
}

table.invisible TR {
  background: none;
  border   : 0px;
}

table.invisible td {
  text-align      : left;
  background      : none;
  border-bottom   : 0px;
  vertical-align  : top;
}

/* ------------ UNORDERED LISTS TOP AND SIDE NAVIGATION ---------------- */

ul.topnavigation
{
  margin: 115px 0 0 0;
  font: 14px "trebuchet ms", Lucida, Verdana, sans-serif;
  padding: 0 0 0 0;
  list-style-type: none;
  float: left;
  width: 100%; /*This needs to always be set to 50px less than width of BODY */
  height: 35px; /* MARGIN+HEIGHT needs to add up to HEIGHT of #TOPNAV */
  background-color: #000;
}

ul.topnavigation li
{
  margin: 0 0 0 0;
  padding: 8px 0px 0px 0px;
  display: inline;
  float: left;
  height: 35px;
}

ul.topnavigation li.topSelected
{
  margin: 0 0 0 0;
  padding: 8px 0px 0px 0px;
  display: inline;
  float: left;
  background-color: #fff;
  height: 35px;
}


ul.topnavigation a {
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  color: #fff;
}

ul.topnavigation a.topSelected {
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
  color: #000000;
  background-color: #fff;
}

ul.topnavigation a:hover {
  color: #ff0000;
}

ul.topnavigation a.topSelected:hover {
  color: #000;
}

ul.sidenavigation
{
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  border-top: 2px solid #cacaca;
  /*border-bottom: 1px solid #aaaaaa;*/
}

ul.sidenavigation li
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: inline;
}

ul.sidenavigation p
{
  margin: 0 0 0 0;
  padding: 6px 5px 6px 5px;
  display: block;
  /*border-bottom: 1px solid #bdbdbd;*/
  background: #f3f3f3;
}

ul.sidenavigation a
{
  margin: 0 0 0 0;
  padding: 6px 5px 6px 5px;
  display: block;
  text-decoration: none;
  color: #585858;
  /*border-bottom: 1px solid #bdbdbd;*/
  background: #f3f3f3;
}

ul.sidenavigation a:hover
{
  background: #cacaca;
}

UL.main LI {
  text-decoration: none;
  list-style-type: square;
  padding-bottom: 0.8em;
  list-style-position: outside;
  color: #585858
}

ul.rss
{
  margin: 7px 0 15px 0;
  padding: 0 0 0 0;
  list-style-type: none;
}

ul.rss li {
  margin-top: 0;
  margin-bottom: 0;
  padding: 1px 1px 0.3em 16px;
  font-size: 10pt;
  background-color: transparent;
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

ul.rss li.rss {
  background-image: url("http://www.3am-solutions.co.uk/images/uploads/feed_rss.gif");
}

ul.rss li.atom {
  background-image: url("http://www.3am-solutions.co.uk/images/uploads/feed_atom.gif");
}

ul.kbase
{
  margin: 16px 0 8px 0;
  padding: 0 0 0 0;
  list-style-type: none;
}

ul.kbase li {
  margin-top: 0;
  margin-bottom: 0;
  padding: 1px 0 0.7em 20px;
  background-color: transparent;
  background-image: url("http://www.3am-solutions.co.uk/images/uploads/kbase_bullet.gif");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}


/* ------------ MAIN CONTAINER DEFINITIONS ---------------- */


#splashcontainer
{
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: #fff;
  background-image: none;
}

#news {
  float: right;
  margin: 0px 0px 0px 0;
  padding: 5px 18px 1px 12px;
  width: 185px;
  background: #fff;
}

#screenOnly {
}

#printOnly {
  display: none;
}


#footer {
  clear: both;
  margin: 10px 0 0 0;
  padding: 10px 20px 15px 20px;
  background: #000;
  /*border-top: 1px dotted #585858;*/

  /*
  background-image: url("http://www.3am-solutions.com/images/3AM-2006-HEADER.gif");
  background-repeat: no-repeat;
  background-position: 100% 0px;

  */
  font-size: 85%;

}

#footer p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  color: #585858;
  /*font-size: 7pt;*/
}

#footer a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #fff;
  /*font-size: 7pt;*/
}

#footer a:hover {
 color            : #ff0000;
 text-decoration  : none;
}

#breadcrumb {
 clear            : both;
 margin           : 0 0 0 0;
 padding          : 10px 10px 10px 10px;
 /*font-size        : 90%;*/
 color            : #000;
 background-color : #fff;
 border-bottom    : 1px dotted #585858;

}
#breadcrumb a  {
 margin           : 0 0 0 0;
 padding         : 0 0 0 0;
 text-decoration  : none;
 color            : #330099;
 background-color : transparent;
}
#breadcrumb a:visited {
 color            : #330099;
 background-color : transparent;
}
#breadcrumb a:hover {
 color            : #000;
 text-decoration  : underline;
 background-color : transparent;
}
#right {
 text-align       : right;
 margin-top       :0.6em;
 margin-bottom    :0;
 padding          :0;
}

/* --------- EXPRESSION ENGINE ADDITIONAL CONTENT --------------------- */

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

/*
#blog {
float: left;
margin: 0;
padding: 0;
color: #333;
text-align: left;
width: 100%;
}
*/

.entry {
margin-top: 10px;
padding: 0 14px 0 14px;
border: 2px solid #cacaca;
background: #f3f3f3;
color: #585858;
margin-bottom: 15px;
}

.gallerytitle {
 margin:            3px 0 0 0;
 font-size:         11px;
 font-weight: 		bold;
 color:             #000;
}

.posted {
margin-bottom: 10px;
background: transparent;
color: #585858;
 font-size:  11px;
}

.postedright {
  margin-top: 3px;
  margin-bottom: 8px;
  background: transparent;
  color: #585858;
  font-size:  11px;
  text-align: right;
}

.paginate {
  background-color:      #e2e2e2;
  border: solid 1px #585858;
  color: #999999;
  margin: 0;
  padding: 0 0 0 0;
}

.paginateInner {
  padding: 0 0.7em 0 0.5em; 
  background-color:      #585858;
  color: #fff;
  margin: 0;
  float: left;
  border: 0;
}

.paginate a { 
  padding: 0.1em 0.3em 0.1em 0.3em; 
  margin: 0 0 0 0; 
  background-color: transparent;
} 

.pagecount {
 font-size:                    11px;
 color:                         #ff0000;
 font-weight:           normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:           bold;
 letter-spacing:        .1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:     11px;
 color: #fff;
 background-color: #195337;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:           bold;
 letter-spacing:        .1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color:      #ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:           bold;
 letter-spacing:        .1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #585858;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #ececec;
color:             #000;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        2px;
margin-bottom:     3px;
width: 145px;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}


.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.tableBorder {
 border: 1px solid #73737E;
}

.thumbs {
 text-align:	center;
 vertical-align  : middle;
 padding:	15px 3px 8px 3px;
 background-color: #f1f1f3;
}

.splashthumbs {
 text-align:	center;
  background-image: none;
 padding:	15px 3px 8px 3px;
  background-color: #f1f1f3;
}

.border {
 border:	1px solid #000;
}

.commentEntry {
  margin-top: 12px;
  margin-bottom: 0px;
  padding: 5px 15px 0 24px;
  border: 2px solid #cacaca;
  background-color: #f3f3f3;
  background-image: url("http://www.3am-solutions.co.uk/images/uploads/comment.gif");
  background-repeat: no-repeat;
  background-position: 6px 8px;
  line-height: 1.4em;
}

/* ------------ SEARCH PAGE DEFINITIONS ---------------- */

.outerBorder {
 border:		1px solid #4B5388;
}

.fieldset {
 border:        1px solid #999;
 padding: 10px;
}

.tablePad {
 padding:			3px 3px 5px 3px;
 background-color:	#fff;
}

.resultRowOne {
 font-size:			11px;
 color:				#000;
 padding:           6px 6px 6px 8px;
 background-color:	#DADADD;
}

.resultRowTwo {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 padding:           6px 6px 6px 8px;
 background-color:  #eee;
}

.resultHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		11px;
 font-weight: 		bold;
 color:				#000;
 padding: 			8px 0 8px 8px;
 border-bottom:		1px solid #999;
 background-color:	transparent;
}

form {
 margin:            0;
 padding:           0;
 border:            0;
}
.hidden {
 margin:            0;
 padding:           0;
 border:            0;
}
.select {
 background-color:  #fff;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 letter-spacing:    .1em;
 color:             #333;
 margin-top:        2px;
 margin-bottom:     2px;
} 
.multiselect {
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 background-color:  #fff;
 color:             #333;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 margin-top:        2px;
 margin-top:        2px;
} 
.radio {
 color:             transparent;
 background-color:  transparent;
 margin-top:        4px;
 margin-bottom:     4px;
 padding:           0;
 border:            0;
}
.searchinput {
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 color:             #333;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 height:            1.7em;
 padding:           0;
 margin:        	0;
} 
.searchtextarea {
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 color:             #333;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 padding:           0;
 margin:        	0;
}
.searchcheckbox {
 background-color:  transparent;
 color:				transparent;
 padding:           0;
 border:            0;
}
.searchsubmit1 {
 background-color:  #fff;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 border-top:		1px solid #989AB6;
 border-left:		1px solid #989AB6;
 border-right:		1px solid #434777;
 border-bottom:		1px solid #434777;
 letter-spacing:    .1em;
 padding:           1px 3px 2px 3px;
 margin:        	0;
 background-color:  #6C73B4;
 color:             #fff;
}  
.searchSubmit2 {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 text-align: center;
 padding:           6px 10px 6px 6px;
 border-top:        1px solid #4B5388;
 border-bottom:     1px solid #4B5388;
 background-color:  #C6C9CF;
}

/* ------------ SWF CAMTASIA OUTPUT FORMATTING ---------------- */

#media
{
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

#noUpdate
{
  margin: 0 auto;
  font-size: x-small;
  color: #ffffff;
  background: #555;
  text-align: center;
  width: 400px;
  height: 118px;
  padding: 150px 120px 150px 120px;
}

#noUpdate a {
  color: #ff9900;
  text-decoration: none;
}

#noUpdate a:visited {
  color: #ff9900;
}

#noUpdate a:hover {
  color: #ffff00;
  text-decoration: underline;
}