@import "TinyMCE.css";
@import "linkButtons.css";

html
{
  /*
    Set-up for a min-height 100% design
  */
  min-height: 100%;
  height: 100%;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
}

body
{
  /*
    use text-align on the BODY tag to
    change the position of the containing content block
  */
  text-align: center;
  background:url(../images/interface/bg.jpg) repeat-y top center;
  /*
    Set-up for a min-height 100% design
  */
  min-height: 100%;
  height: 100%;
  width: 100%;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  scrollbar-track-color:#F8D992;
  scrollbar-face-color:#F88E1E;
}

p, td, div, span, body
{
  font-size:11px;
  line-height:15px; 
  color:#666666;
}
p
{
  padding:5px 10px 5px 0px;
}

form
{
  /*
    Set-up for a min-height 100% design
  */
  min-height: 100%;
  _height: 100%; /* elements with a prefix of _ are specific for IE */
  display: block;
  margin: 0px auto;
  padding: 0px auto;
  width: 100%;
  background-color:#FFFFFF;
}



/*********************
 Page Containers
 *********************/

#cmsPageContainer1
{
	width: 100%;
  height: 100%;
  min-height: 100%;
	display:block;
  padding: 0px 0px 0px 0px;
}

#cmsPageContainer2
{
	width: 100%;
  height: 100%;
  min-height: 100%;
	display:block;

  padding: 0px 0px 0px 0px;
}

#cmsPageContainer3
{
  width: 100%;
  height: 100%;
  min-height: 100%;
  text-align: center;
  
  padding: 0px 0px 0px 0px;
}

#cmsPageBackground
{
  
 /* _height: 100%;*/
  min-height: 100%;
  
  /* 
    Automatically works out the left and right
    margin so they content appears in the centre
    screen.
    
    Content Block Alignments:
      Center:
        BODY {text-align: center;}
        #cmsPageBackground {margin: 0px auto 0px auto;}
      Left:
        BODY {text-align: left;}
        #cmsPageBackground {margin: 0px auto 0px 0px;}
      Right:
        BODY {text-align: right;}
        #cmsPageBackground {margin: 0px 0px 0px auto;}
  */
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  /*
    Decoration to show what the block is doing
    in the browser
  */
	/*position: relative;*/
}


/*banner*/

#banner
{
  width:1012px;
  height:73px;
  background-image:url(../images/images/groundprobebanner.jpg);
  border-left:solid 1px #000000;
  border-right:solid 1px #000000;
  border-bottom:solid 2px #000000;
  background-repeat:no-repeat;
}

#bannernav
{
  width:200px;
  text-align:left;
  /*float:left;*/
  float:right;
  margin-left:3px;
  margin-top:8px;
}

#logo
{
  float:right;
}


/*leftnav*/

#leftnav
{
  float:left;
  width:198px;
  height:698px;
  background-color:#888888;
  border:solid 3px #F88E1E;
}

#leftnav h4
{
  float:right;
}

#leftnav h4 span
{
  color:#FFFFFF;
}


/* Left Nav NOTES PANEL */

#leftnav #LeftNavNotes
{
  width:195px;
  /*height:200px;*/
  height:400px;
  background-color:#ececec;
}

#leftnav #LeftNavNotes .topbar
{
  background-image:url(../images/navbars/topframebg.jpg);
  width:198px;
  height:20px;
  background-repeat:no-repeat;
}

#leftnav #LeftNavNotes .content
{
  /*height:177px;*/
  height:376px;
  width:192px;
  border: solid 3px #f6b770;
  border-top: solid 2px #f6b770;
  _margin-top:-5px;
}

#leftnav #LeftNavNotes .topbar span
{
  /*display:none;*/
  margin-right:5px;
}

#leftnav #LeftNavNotes
{
  text-align:left;
}

#leftnav #LeftNavNotes .content .contentbox
{
  margin:3px 0px 0px 3px;
  height:105px; width:181px;
  background-color:#F8D992;
  border:solid 1px #000000;
  overflow:auto;
  font-size:8pt;
  padding-left:2px;
}

#leftnav #LeftNavNotes .content .updatetime, #leftnav #LeftNavNotes .content .updatewho
{
  height:15px;
  color: #000000;
  margin-top:3px;
  margin-left:3px;
  float:left;
}

.outercontainer
{
  height:18px;
}

#leftnav #LeftNavNotes .content .time, #leftnav #LeftNavNotes .content .who
{
  margin-left:3px;
  margin-top:3px;
  float:left;
}

#leftnav #LeftNavNotes .content .save 
{
  margin-top:3px;
  margin-left:3px;
}

#leftnav #LeftNavNotes .content .save a
{
  display:block;
  height:21px;
  width:165px;
  background-image:url(../images/navbars/button.jpg);
  text-decoration:none;
}

#leftnav #LeftNavNotes .content .save a span
{
  /*display:none;*/
  color:#000000;
  margin-left:20px;
  position:relative;
  left:20px;
  top:3px;
  
}


/*RESOURCE LIBRARY PANEL*/

#leftnav #LeftNavResourceLibrary .topbar
{
  background-image:url(../images/navbars/topframebg.jpg);
  width:198px;
  height:20px;
  background-repeat:no-repeat;
}

#leftnav #LeftNavResourceLibrary .content
{
  /*height:464px;*/
  height:264px;
  width:192px;
  border: solid 3px #f6b770;
  border-top: solid 2px #f6b770;
}

#leftnav #LeftNavResourceLibrary .topbar span
{
  /*display:none;*/
  margin-right:5px;
}

#leftnav #LeftNavResourceLibrary
{
  background-color:#FFFFFF;
}

#leftnav .menu
{
  text-align:left;
  float:left;
  margin:0px;
  padding: 0px 
}

#leftnav .menu li
{
  height:40px;
  list-style:none;
 /* padding-top:20px;
  padding-bottom: 20px; */
  border-bottom:solid 2px #F6B770;
}

#leftnav .menu li a span
{
  /*margin-left:40px;*/
  margin-left:0px;
  display:none;
}

#leftnav .menu li a
{
  display:block;
  height:40px;
  width:186px;
}

/***************Resource Library Menu Links / Images ******************/

#leftnav .ssrresources a
{
  background-image:url(../images/navbars/ssrresource.jpg);
  background-repeat:no-repeat;
  background-position:4px 0px;
}

#leftnav .geotechsupport a
{
  background-image:url(../images/navbars/geotechsupport.jpg);
  background-repeat:no-repeat;
  background-position:4px 0px;
}

#leftnav .stabilityresources a
{
  background-image:url(../images/navbars/slopestability.jpg);
  background-repeat:no-repeat;
  background-position:4px 0px;
}

#leftnav .slopetechnology a
{
  background-image:url(../images/navbars/slopetechnology.jpg);
  background-repeat:no-repeat;
  background-position:4px 0px;
}

#leftnav .menulinks
{
	clear: both;
	background-color: #F8D992;
	color: #D1E4F2;
	border: 3px solid #f6b770;
	margin: 5px;
}


/*rightnav*/

#rightnav h4
{
  float:right;
}

#rightnav .spacer, #leftnav .spacer
{
  height:10px;
  /*background-image:url(../images/navbars/right_background_06.jpg);
  background-repeat:repeat-y;*/
  background-color:#000000;
}

#rightnav .spacer
{
  _width:205px;
}

#rightnav h4 span
{
  color:#FFFFFF;
}

#rightnav .topbar
{
  height:20px;
  background-color:#000000;
}
#rightnav
{
  float:left;
  width:204px;
  _width:204px;
  height:704px;
  _height:715px;
  overflow:hidden;

  /*background-color:#E4F2FB;*/
}

/**********Rightnav remote support section *************/

#rightnav .RemoteSupport
{
  height:200px;
  border: solid 3px #F88E1E;
  background-color:#ececec;
  text-align:left;
}

#rightnav .RemoteSupport .clock
{
  height:100px;
}

#rightnav .RemoteSupport .timeremaining
{
  color:#FFFFFF;
  background-color:#F88E1E;
  height:15px;
  width:162px;
  margin-left:3px;
  padding-left:3px;
  margin-bottom:5px;
  font-weight:bold;
}

#rightnav .RemoteSupport .requestsupport
{
  margin-bottom:5px;
}

#rightnav .RemoteSupport .requestsupport a
{
  display:block;
  height:21px;
  width:165px;
  background-image:url(../images/navbars/button.jpg);
  margin-left:3px;
  text-decoration:none;
}

#rightnav .RemoteSupport .requestsupport a span
{
  /*display:none;*/
  margin-left:20px;
  color:#000000;
  position:relative;
  left:20px;
  top:3px;
}

#rightnav .RemoteSupport .purchasesupport a
{
  display:block;
  height:21px;
  width:165px;
  background-image:url(../images/navbars/button.jpg);
  margin-left:3px;
  text-decoration:none;
}

#rightnav .RemoteSupport .purchasesupport a span
{
  /*display:none;*/
  color:#000000;
  margin-left:20px;
  position:relative;
  left:20px;
  top:3px;
}

#rightnav .RemoteSupport .content
{
  height:177px;
  width:193px;
  border: solid 3px #f6b770;
  background-image: url(../images/navbars/right_nav_corner_48.jpg);
  background-repeat:no-repeat;
  background-position: 182px 167px;
  border-top: solid 2px #f6b770;
  _margin-top:-5px;
}

#rightnav .RemoteSupport .topbar
{
  background-image:url(../images/navbars/topframebg.jpg);
  width:199px;
  height:20px;
  background-repeat:no-repeat;
}

#rightnav .RemoteSupport .topbar span
{
 /* display:none; */
 margin-right:5px;
}

/******************rightnav scheduled training section *******************/

#rightnav .ScheduledTraining .topbar
{
  background-image:url(../images/navbars/topframebg.jpg);
  width:199px;
  height:20px;
  background-repeat:no-repeat;
}

#rightnav .ScheduledTraining .topbar span
{
  /*display:none;*/
  margin-right:5px;
}

#rightnav .ScheduledTraining
{
  height:55px;
  border: solid 3px #F88E1E;
  background-color:#ececec;
  background-image: url(../images/navbars/right_nav_corner_48.jpg);
  background-repeat:no-repeat;
  background-position: 186px 42px;
  text-align:left;
  
}

#rightnav .ScheduledTraining .content
{
  height:30px;
  width:193px;
  border: solid 3px #f6b770;
  border-top: solid 2px #f6b770;
  _margin-top:-5px;
}

#rightnav .ScheduledTraining .headings
{
  height:35px; width:190px;
}

#rightnav .ScheduledTraining .headings .location
{
  text-align:right;
  width:80px; height:20px;
  background-color:#f88e1e;
  color:#000000;
  margin-top:5px; margin-left:3px;
  padding:5px 5px 0px 5px;
  float:left;
  font-size:10pt;
  font-weight:bold;
}

#rightnav .ScheduledTraining .headings .date
{
  text-align:right;
  width:80px; height:20px;
  background-color:#F8D992;
  color:#000000;
  margin-top:5px; margin-left:3px;
  padding:5px 5px 0px 5px;
  float:left;
  font-size:10pt;
  font-weight:bold;
}

#rightnav .ScheduledTraining .scheduled
{
  margin-left:3px;
  background-color:#F8D992;
  height:40px;
  width:180px;
  border:solid 1px #000000;
}

#rightnav .ScheduledTraining .requesttraining a
{
  margin-left:3px; margin-top: 5px;
  display:block;
  height:21px;
  width:165px;
  background-image: url(../images/navbars/button.jpg);
}

#rightnav .ScheduledTraining .requesttraining a span
{
  /*display:none;*/
  color:#000000;
  margin-left:20px;
  position:relative;
  left:20px;
  top:3px;
}

#rightnav .ScheduledTraining .requesttraining
{
  margin-bottom:3px;
}

#rightnav .left
{
  margin-left:3px; margin-top:2px;
  color:#000000;
  text-align:right;
  width: 85px;
  font-weight:bold;
  float:left;
}

#rightnav .right
{
  margin-left: 4px;
  height:15px;
  width:75px;
  background-color:#F8D992;
  border:solid 1px #000000;
  float:left;
}

/**********RIGHT NAV UPCOMING EVENTS SECTION************/

#rightnav .UpcomingEventsOuter
{
  background-color:#F88E1E;
 /* background-image:url(../images/images/eye_image_93.jpg);
  background-repeat:repeat-y; */
  height:269px;
  _height:268px;
  border-bottom: solid 3px #F88E1E;
}

#rightnav .UpcomingEvents
{
  border-top:solid 3px #F88E1E;
}

#rightnav .UpcomingEvents .topbar
{
  background-image:url(../images/navbars/topframebg.jpg);
  width:199px;
  _width:197px;
  height:20px;
  margin-left:3px;
  background-repeat:no-repeat;
}

#rightnav .UpcomingEvents .topbar span
{
 /* display:none; */
 margin-right:5px;
}

#rightnav .requesttraining a
{
  text-decoration:none;
}

#rightnav .newsbox
{
  background-color: #FFFFFF;
  width:187px;
  _width:184px;
  margin: -15px 3px;
  padding: 2px 2px 2px 2px;
  border:solid 4px #f6b770;
  border-top:solid 2px #f6b770;
}


.Divider
{
  height:20px;
  border-top:solid 2px #000000;
}

#rightnav .link
{
  width:191px;
  _width:187px;
  height:21px;
  margin: 0px 0px;
  background-color:#f88e1e;
}

#rightnav .link a
{
  display:block;
  width:185px;
  height:21px;
  background-image:url(../images/navbars/button.jpg);
  margin-left:-2px;
  text-decoration:none;
}

#rightnav .link a span
{
  /*display:none;*/
  color:#000000;
  margin-left:0px;
  font-size:10px;
  position:relative;
  top:2px;
}

#rightnav .UpcomingEvents a:link, #rightnav .UpcomingEvents a:visited, #rightnav .UpcomingEvents a:hover,
#rightnav .UpcomingEvents a:active
{
  color:#000000;
}


/*Main Page*/

#cmsContentOuter
{
  width:606px;
  _width:605px;
  float:left;
  height:702px;
  _height:713px;
  overflow:auto; 
  border-bottom:2px solid #000000;
}

.default_aspx #cmsContentOuter
{
  overflow:hidden;
}

.cmsContent
{
  height:700px;
  width:auto;
  _width:598px;
  float:left;
}

.cmsContent .cmsContentTop
{
  height:350px;
  /*background-color: #e4f2fb;*/
  background-color: #ECECEC;
  border-bottom:solid 2px #f68e1d;
}

.cmsContent .cmsContentTop .contentheadings
{
  width:570px;
  margin:10px 0px 0px 15px;
  _margin:10px 0px 0px 0px;
  background-color:#5aa4d5;
  text-align: left;
  height:15px;
}

.cmsContent .cmsContentTop .contentheadings span
{
  margin:3px 80px 0px 20px;
  color:#FFFFFF;
}


.cmsContent .cmsContentTop .topbar
{
  background-image:url(../images/images/grey_bar_16.jpg);
  background-repeat:repeat-x;
  height:23px;
  *width:605px;
 /* _width:100%; */
}

.cmsContent .cmsContentBottom
{
  height:349px;
  _height:359px;
  /*background-color: #e4f2fb;*/
  background-color:#FFFFFF;
  border-bottom:solid 2px #f68e1d;
  border-top:solid 1px #000000;
}

.cmsContent .cmsContentBottom .topbar
{
  background-image:url(../images/images/grey_bar_16.jpg);
  height:23px;
  *width:605px;
 /* _width:100%; */
}

#cmsPageBackground
{
  width:1014px;
  margin:0px auto;
}

#cmsPageContainer3
{
  width:1007px;
  margin:0px auto;
}

#cmsPageContainer2
{
  margin:0px auto;
}

.cmsContent .cmsContentTop .topbar .arrow
{
  height:16px;
  width:19px;
 /* background-image:url(../images/images/arrows_17.jpg); */
  float:left;
  margin:3px 0px 0px 2px;
}

.cmsContent .cmsContentTop .topbar .arrow span
{
  display:none;
}

.cmsContent .cmsContentTop .topbar .topbarcontent
{
  float:left;
  color: #000000;
  margin-top:4px;
  margin-left: 5px;
}

.cmsContent .cmsContentBottom .topbar .arrow
{
  height:16px;
  width:19px;
/*  background-image:url(../images/images/arrows_17.jpg); */
  float:left;
  margin:3px 0px 0px 2px;
}

.cmsContent .cmsContentBottom .topbar .arrow span
{
  display:none;
}

.cmsContent .cmsContentBottom .topbar .topbarcontent
{
  float:left;
  color: #000000;
  margin-top:4px;
  margin-left: 5px;
}

/*footer*/

#footer
{
  width:1005px;
  float:left;
  text-align:center;
}

/*News Page*/

.NewsPage p, .NewsPage .Category, .NewsPage .Date
{
  color:#000000;
}

.NewsPage
{
  width:598px;
  _width:596;
  height:697px;
  _height:702px;
  overflow:auto;
  border-bottom:solid 2px #000000;
  text-align:left;
}

.NewsPage .Content
{
  margin-left:4px;
}

.NewsPage .Category, .NewsPage .Date, .NewsPage .Title
{
  width:596px;
  text-align:center;
}

.Newspage .Title a:link, .NewsPage .Title a:visited, .NewsPage .Title a:hover, .NewsPage .Title a:active
{
  color:#000000;
}

.NewsArticleList hr
{
  width:250px;
  _text-align:center;
}

.UpcomingEvents .NewsArticleList hr
{
  width:150px;
  _text-align:center;
}

/**** Forums and User Files ****/

.NoContentMessage
{
	clear: both;
	padding-top: 16px;
	font-style: italic;
}

.FormActions
{
	margin-top: 10px;
	clear: both;
}

.FormActions INPUT
{
	width: 300px;
	height: 40px;
}

.FormActions TEXTAREA
{
	width: 300px;
	height: 40px;
}

.FormAction
{
	background-color:#f88e1e;
	color:#000000;
	border: 2px solid #000000;
	height: 18px;
	width: 100px;
	margin-right: 4px;
	padding-top: 2px;
	text-align: center;
	float:right;
}

.login_aspx .FormAction
{
	display:block;
	float: none;
	margin-left: auto;
	margin-right:auto;
}

.login_aspx A
{
	color: #D1E4F2;
}

.FormAction a:visited,
.FormAction a:hover,
.FormAction a:active,
.FormAction a:link
{
	color:#000000;
	
}

.PageTitleAction
{
	background-color:#f88e1e;
	color:#000000;
	border: 2px solid #000000;
	height: 18px;
	width: 100px;
	margin: 6px 6px 6px 0px;
	padding-top: 2px;
	float:right;
}

.PageTitleAction a:link,
.PageTitleAction a:active,
.PageTitleAction a:visited,
.PageTitleAction a:hover
{
	color:#000000;
}

.ListContainer
{
	clear: both;
}

.ListItem
{
	margin-left:8px;
	text-align:left;
}

.ListItem a
{
 /* width:400px; 
  display:block;
  float:left;
}

.ListItem .ListItemAction
{
  margin-left:50px;
  float:left;
}

.ListItem .ListItemAction a
{
  width:auto;
  margin-left:5px;
}

.ListItemAction
{
	margin-left: 8px;
	font-style: italic; */
}

/****** Forum Pages *******/

.forum .PageTitle
{
  background-image:url(../images/images/grey_bar_16.jpg);
  background-repeat:repeat-x;
  height:23px;
  padding-top: 3px;
	font-weight: bold;
	font-size: 10pt;
}

.forum .FormPrompt
{
	margin-top:8px;
	float:left;
	clear:both;
	width: 200px;
	text-align: right;
	padding-right: 8px;
}

.forum .FormData
{
	margin-bottom: 8px;
	margin-top:8px;
	float:left;
}

.forum .FormData INPUT
{
	width: 300px;
	height: 40px;
}

.forum .DetailsPanel
{
	padding-top: 12px;
	padding-bottom: 12px;
	clear: both;
	font-style: italic;
}

.forum .OriginalThread
{
	text-align: left;
	margin: 8px;
	border-bottom: solid 2px #92BED9;
	padding: 8px;
	clear: both;
}

.forum .PostItem
{
	text-align: left;
	margin: 18px;
	border-left: solid 1px #92BED9;
	border-bottom: solid 1px #92BED9;
	padding: 8px;
}

/**** User File Management ****/
#userFileList
{
	width: 570px;
	margin: 10px 0px 0px 15px;
	border-collapse: collapse;
}

#userFileList TH 
{
	padding-left: 8px;
	color: #000000;
  background-color:#F6B770;
  text-align: left;
  height:15px;
  font-weight: bold;
  font-size: 9pt;
}

#userFileList TD
{
	text-align: left;
	padding-left: 8px;
	margin: 0px;
}

#userFileUploader
{
	width: 554px;
	height: 70px;
	margin: 10px 0px 0px 15px;
	padding: 8px 8px 8px 8px;
	color: #D1E4F2;
  border: solid 2px #F88E1E;
  font-weight: bold;
  font-size: 9pt;
  text-align: left;
}

#userFileUploader .FormPrompt
{
	margin: 0px 0px 2px 0px;
	padding-right: 8px;
	width: 100px;
	text-align: right;
	float: left;
}

#userFileUploader .FormData
{
	margin: 0px 0px 2px 0px;
}

#userFileUploader .ValidationError
{
	color: #0072BB;
	font-size: 16pt;
	font-weight: bold;
}

.history
{
  margin-top:2px;
  margin-left:4px;
  color:#000000;
  overflow:auto;
  height:236px;
}

#mineName, #NewSupportHours
{
  float:left;
}

.updatefields .MineName, .updatefields .NewHours
{
  width:130px;
  float:left;
}

.timebox
{
  height:80px;
  width:90px;
  background-color:Orange;
  float:left;
  display:block;  
}

.timebox span
{
  color:#FFFFFF;
  font-size:18pt;
  *font-size:15pt;
  position:relative;
  top:50px;
  left:0px;
}

.clock span
{
  float:left;
  margin-left:5px;
  position:relative;
  top:25px;
  *top:30px;
  font-size: 14px;
  font-weight:bold;
  color: #000000;
  
}

.cmsContentTop
{
  /*overflow:auto;*/
}

#rightnav .radar
{
  height:131px;
  width:auto;
  background-image:url(../images/radar.jpg);
  display:block;
  border: solid 2px orange;
  background-position:0px 0px;
}

.Topicsnavigation
{
  width:100%;
  *width:600px;
  _width:100%;
  float:left;
  margin-top:10px;
  text-align:right;
}

.postviewedit_aspx #cmsContentInner2
{
  overflow:auto;
}

.TopicItem
{
  clear:both;
  height:25px;
  *height:20px;
  text-align:left;
  margin-left:5px;
  *margin-left:0px;
}

.TopicItem a
{
  float:left;
}

.TopicItemAction
{
   float:right;
}

.TopicItemAction a
{
  margin-right:5px;
}

.Topicheadline
{
  background-color:orange;
  height:16px;
  width:100%;
  *width:605px;
}

.threadlisting
{
  text-align:left;
  height:15px;
  width:98%;
  _width:100%;
  margin-left:5px;
}

.threadlisting a
{
  float:left;
}

.threadlisting .details
{
  float:right;
  _margin-right:15px;
}

.blackbox
{
  height:65px;
  _height:58px;
  width:198px;
  background-color:#000000;
  display:block;
  border:3px solid #F88E1E;
  border-top:none;
}

.hoursbox, .minutesbox
{
  height:45px;
  width:45px;
  color:#FFFFFF;
  background-color:#F88E1E;
  float:left;
  margin-left:5px;
  *margin-top:5px;
}

.minutesbox
{
  background-color: #F6B770;
}

.hoursbox
{
  margin-top:3px;
  *margin-top:5px;
}

.hoursbox span, .minutesbox span
{
  color: #FFFFFF;
  font-size: 22px;
  position:relative;
  top: 20px;
  left:15px;
  *padding-top:5px;
}

.minutesbox span
{
  left:15px;
}