﻿/* From David LMS site test common.css */

.hoverTrigger > .hoverTarget,
.hoverTrigger > .hoverTargetInline,
.hoverTrigger > .hoverTargetInlineBlock
{
    display:none;
}
.hoverTrigger:hover > .hoverTarget
{
    display:block;
}

.hoverTrigger:hover > .hoverTargetInline
{
    display:inline;
}
.hoverTrigger:hover > .hoverTargetInlineBlock
{
    display:inline-block;
}


hr
{
	/*width:166px;*/
	width:95%;
	color:#cccccc;
	background-color:#dedede;
	height:1px;
	border: none;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

hr.thick
{
	margin:15px auto 20px auto;
	padding:0px 0px 0px 0px;
}

div.hr /*Fake hr because IE and FF render <hr>s differently */
{
	width:95%;
	height:1px;
	background-color:#dedede;
	margin:15px auto 12px auto;
	padding: 0px;
}

div.thinhr
{
	width:100%;
	height:1px;
	background-color:#dedede;
	margin:0px auto;
	padding: 0px;
}

/* used on nav menu and in some grid views as a divsor */
div.navhr
{
	width:100%;
	height:1px;
	/*background-color:#dedede;*/
	margin:7px auto 7px auto;
	padding: 0px;
}


/* used underneath h1 */
div.titleNavHr
{
	width:100%;
	height:1px;
	/*background-color:#dedede;*/
	margin:7px auto 20px auto;
	padding: 0px;
}

div.lightGreyHr
{
	width: 100%;
	height: 2px;
	/*background-color:#f5f5f5;*/
	margin: 7px auto 20px auto;
	padding: 0px;	
}

.arial
{
  font-family:Arial;
}

.verdana
{
  font-family:Verdana;
}

a img
{
	border: none;
}

/* SIZES */
h1, h2, h3, h4, h5
{
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 0px;
	text-align: left;
}


h1, h2, h1 a:link, h1 a:visited
{
  /*color: #000000;
  font-size:20px;*/
  margin: 0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
}

h1
{
	font-weight: normal;
}

h2
{
  font-weight: normal;
 /* font-size:16px;*/
  margin:0px;
  line-height: 32px !important;  /* for vertical alignment  - put actual headers in empty div */
}

h3
{
	/*font-size:12px;*/
	margin:8px 0px;
	font-weight: normal;
}


/* Class to indent items as needed by mockups */
.indenter
{
	margin-left: 40px;
}


/*.navigation
{
	font-size:13px;
}*/

/*.defaultsize
{
  font-size:12px;
}*/

.small
{
  margin:0px;
  padding:0px;
 /* font-size:11px;*/
}

/* COLOURS */
/*h1, h2, h3, thead
{
  color:#666666;
}*/

a:link, a:visited
{
  /*color:#006575;*/
  text-decoration:none; /* IE7 */
}

a:visited
{
	/*color:#006575 !important;*/
	text-decoration:none;
}

a:active, a:hover
{
  /*color:#006575;*/
  /*text-decoration:underline;*/
}

/* Stop little dotted boxes */
a:focus
{
	-moz-outline: none; /* fx 1.07*/ 
	outline:none /* fx 1.05, Safari, Mac IE*/
}

/*.disabled
{
  color:#A9A9A9;
}*/

/*.important
{
  color:#cc0033;
}*/


/*.unselected, ul.globalnav a, ul.globalnav a:visited /*(Need to explicitly specify as IE7 doesn't allow colours to be inherited)
{
  color:#999999 !important;
}*/

/*.white
{
  color:#ffffff;
}*/

.white a, .white a:visited, .white a:link
{
	/*color:#ffffff !important;*/
	text-decoration: none !important;	
}

/*.defaultcolor, ul.globalnav li.current a  /*(Need to explicitly specify as IE7 doesn't allow colours to be inherited)
{
  color:#333333;
}*/

/*.fadedText
{
	color:#a9a9a9;	
}*/

/* Font Families */

/*h1, h2, .navigation
{
	font-family:Arial;
}*/


/*h3, .defaultsize
{
	font-family:Verdana;
}*/

/* Line heights */

h1, h2, h3
{
	line-height:100%;
}

.defaultsize, .small
{
	line-height:140%;
}


.defaultspacing
{
	line-height:140%;
}

.listspacing
{
	line-height:150%;
}

.tablespacing
{
	line-height:210%;
}

/* Status indicators */

.unvisited
{
	font-weight:bold;
}


/* Crazy stuff for content pane layout */

hr+h2
{
	/*padding-top:20px;*/
	/*background-color:red;*/
}
h2>img{
	/*padding-left:20px;*/
	/*padding-right:8px;*/ /*20px padding, 32pximage, 8px padding Text */
	line-height: 32px;
	vertical-align:middle;
	margin-left:-40px;
	float:left;
}

/* indent a heading 2 */
h2.indenter
{
	padding-bottom: 8px;	
}


/* nav menus */

table.navMenu
{
	text-align: left;
	width: 187px;
}

.navMenu .items
{
	text-align: left;
	width: 186px;
}

.navMenu .item
{	
	vertical-align: middle;
	text-align: left;
	width: 99%;
	height: 34px;
	background-image: url('../newimages/menuicons/mp_sidebar_no_highlight.png');	
	background-position: top left;
	background-repeat: no-repeat;
/*	list-style-image: url('../newimages/menuicons/list_bullet.png'); */
}

.navMenu .item .link
{
	padding: 0px 5px 0px 5px;
	width: 99%;
	vertical-align:middle;
	text-align:left;
	height:28px;
}

.navMenu .item .link img
{
	margin:0px 4px 0px 15px;
	vertical-align:middle;
}

.navMenu .item a,
.navMenu .item a:visited
{
	/*color: #999999;*/
	text-decoration: none;
	padding-left:0px;
	vertical-align:middle;
	height: 34px;
}

.navMenu .item .link:hover
{
	background-image: url('../newimages/menuicons/mp_sidebar_highlight.png');	
	background-repeat: no-repeat;
}

.navMenu .currentItem
{
	background-image: url('../newimages/menuicons/mp_sidebar_current_item.png');	
	background-repeat: no-repeat;
}

.navMenu .currentItem .link:hover
{
	background-image: url('../newimages/menuicons/mp_sidebar_current_item.png');	
	background-repeat: no-repeat;
}
.pcinduction
{
	/*position: absolute;*/
   /* background-color: White; */
   /* float: left; */
    padding-left:55px;
  
    
}
.PCInductionDisplay
{
	/*color:#999999;*/
	font-family:Verdana;
	
	
}
.pclogin
{
	padding-left:11px;
}
input.readonlyTextbox,
textarea.readonlyTextbox
{
	/*color: #000000;
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;*/

}

.news .new
{
	font-weight:bold;
	padding-left:2px;
	/*color:#4B1463;*/
}
.news .verticalbar
{
	font-weight:bold;
	/*color:#666666;*/
}
.browseNews .news 
{

	padding-left:2px;
	/*color:#4B1463;*/
}
/*.browseNews .verticalbar
{
	color:#666666;
}*/

/* lists with nifty bullet */
div.news ul li
{
	background-image:url(../newimages/StudyGuides/bullet.gif);
	background-position:left 5px;
	list-style-type:none;
	padding-left:25px;
	margin-top:5px;
}


div.news ul li p
{
	margin-top: 0px;
}

div.news ul
{
	margin-bottom:8px;
	margin-left:25px;
	margin-top:8px;
	padding-left:0px;
}
/**/

table.fieldPracticeVisit
{
	margin-left:35px;
	
}

table.fieldPracticeVisit tr td
{
	padding-bottom:20px;
}

/* Assessment Cover sheet*/
div.viewComments
{
	
}
div.viewComments textarea
{
	border: solid 1px #ccc; 
	font-size: 12px;
	
	/*background-color: #ebebe4; */
}

div.viewCommentsCustom textarea
{
	border: solid 1px #ccc; 
	font-size: 12px;
	
	/*background-color: #ffffff;*/ 
}

div.viewHiddenComments pre
{
	display:none;	
}

.printHiddenComments
{
      display:none;
}

div.hideComments
{
      display:block;
}
div.printHiddenComments
{
      display:none;
}

div.FadedPanel
{
	color:#cccccc;
	cursor:default;
}

div.HighlightPanel
{
	color:#666666;
	cursor:hand;
}

table.editFieldPractice tr td.editFieldPracticeSpacing
{
	padding-left:130px;
	
}

/*
Fix for IE7 z-index bug.
BugID 1192
*/
.wrapper .showOntop {
	z-index: 2000;
	position: relative;
}

.wrapper .showBehind 
{
	position: relative;
}

wbr
{
	width: 0px;
	display: inline-block;
	overflow: hidden;
}


.alertPanel .hiddencontent
{
	padding-left:12px;
}


/*Chat stuff*/
.chatMain
{
    position:fixed;
    width:0px;
    height:0px;
    overflow:visible;
    bottom:0px;
    right:0px;
}

.chatBar
{
}

.chatBarImage
{
    position:absolute;
    left:0px;
    top:0px;
}

.taskbarPanel
{
    position:relative;
    padding: 0 22px;
    margin: 0 8px;
    top:7px;
    text-align:left;
    background-color:#eee;
    float:right;
    height:20px;
    width:80px;
    line-height:20px;
    border:solid #afafaf 1px;
}
.taskbarPanelWithMessage
{
    position:relative;
    padding: 0 22px;
    margin: 0 8px;
    top:7px;
    text-align:left;
    background-color:yellow;
    float:right;
    height:20px;
    width:75px;
    line-height:20px;
    border:solid #afafaf 1px;
}


/*.conversationWindow
{
    position:absolute;
    width:200px;
    height:300px;
    top:100px;
    left:100px;
    background-color:#ccc;
}*/

/*.messagesArea{
    position:absolute;
    width:100%;
    top:0px;
    bottom:24px; 
    overflow:auto;    
}*/

.ChatMessage{
    margin:2px 4px;
    font-size:11px;
    /*border:outset #fff 1px;*/
}

.ChatMessageReply
{
    margin-left:20px;
}
.ChatMessageForDate
{
    text-decoration: underline; 
}

.ChatMessage .Message
{
}

.ChatMessage .Title
{
    font-weight:bold;
    margin:2px 0px;
}

.userList
{
   position:relative;
   height:214px; /*270 - 12-20 -2-2-2 -4-4*/
   margin:4px 12px;   
   border:solid #cccccc 1px;
   background-color:#fff;
   overflow:auto; 
}

.usersContainer div
{
    cursor:pointer;
}

.userList .usersTitle
{
    font-size:14px;
    margin: 8px 4px;
}

.userList .online
{
    background-image:url("../newimages/Chat/GreenButton.png");
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:20px;
    margin:4px 0px 4px 10px;
}
.userList .offline
{
    display:none;
}
.userList .busy
{
    background-image:url("../newimages/Chat/OrangeButton.png");
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:20px;
    margin:4px 0px 4px 10px;
}

.chatInput
{
    left:0px;
    width:100%;
    /*border:ridge 2px #888;*/
    border:none;
    padding:0px;
    margin:0px;
    display:block;
    position:absolute;
    bottom:0px;
    height:100%;
    font-size:12px;
}


/******************/
.conversationWindow
{
   position:absolute;
   width:210px;
   height:270px;
}


.cwForeground{
   position:absolute;
   width:100%;
   height:100%;
}


.cwBackground{
   position:absolute;
   width:100%;
   height:100%;   
}


.conversationWindow .bg7
{
   background-image:url("../newimages/Chat/cwbg7.png");
   background-repeat:no-repeat;
   padding-left:31px;
   height:33px;
}

.conversationWindow .bg9
{
   background-image:url("../newimages/Chat/cwbg9.png");
   background-repeat:no-repeat;
   background-position:top right;
   padding-right:31px;
   height:33px;
}
.conversationWindow .bg8
{
   background-image:url("../newimages/Chat/cwbg8.png");
   height:33px;
}

.conversationWindow .cwbottom
{
   position:absolute;
   bottom:0px;
   width:100%;
}

.conversationWindow .bg1
{
   background-image:url("../newimages/Chat/cwbg1.png");
   background-repeat:no-repeat;
   padding-left:31px;
   height:33px;
}

.conversationWindow .bg3
{
   background-image:url("../newimages/Chat/cwbg3.png");
   background-repeat:no-repeat;
   background-position:top right;
   padding-right:31px;
   height:33px;
}
.conversationWindow .bg2
{
   background-image:url("../newimages/Chat/cwbg2.png");
   height:33px;
}


.conversationWindow .cwmiddle
{
   position:absolute;
   top:33px;
   /*bottom:33px;*/
   height:204px;/*the cool way doesn't work in ie7*/
   width:100%;
}

.conversationWindow .bg4
{
   background-image:url("../newimages/Chat/cwbg4.png");
   background-repeat:repeat-y;
   padding-left:31px;
   height:100%;
}

.conversationWindow .bg6
{
   background-image:url("../newimages/Chat/cwbg6.png");
   background-repeat:repeat-y;
   background-position:top right;
   padding-right:31px;
   height:100%;
}
.conversationWindow .bg5
{
   background-color:#fff;
   height:100%;
}


.chatTitle{
   position:relative;
   height:20px;
   margin:12px 12px 0 12px;
   overflow:visible;
   /*border:solid #cccccc 1px;*/
  
}
.chatTitleText{
     position:absolute;
     left:11px;   
     text-align:left;
     vertical-align:middle;
  
}

.chatTitleWithMessage{
   position:relative;
   height:20px;
   margin:12px 12px 0 12px;
   overflow:visible;
   background-color:Yellow;
   
   /*border:solid #cccccc 1px;*/
}

.chatTitle .status
{
    position: absolute;
    right: 0px;
    top: 0px;   
    width: 95px;
    font-size: 10px;
    letter-spacing: -1px;    
}

.chatTitle .statusShowList
{
    position: absolute;
    width: 95px;
    right: 0px;
    top: 0px;
}

.chatTitle .status ul
{
    padding:2px;
    position:absolute;
    width: 95px;
    bottom:5px;
    display:none;
    border: solid #CCC 1px;
    background-color: white;    
}

.chatTitle .status ul li
{
    cursor:pointer;
}

.chatTitle .status:hover ul
{
    display:block;
}

.chatMessages{
   position:relative;
   height:194px; /*270 - 12-20-12-20 -2-2-2 -4-4*/
   margin:4px 12px;   
   border:solid #cccccc 1px;
   background-color:#fff;
   overflow:auto; 
}
.chatInputArea{
   margin:2px;
   position:relative;
   height:20px;
   margin:0px 12px 12px 12px;
   border:solid #cccccc 1px;
   background-color:#fff;
}

.chatIndicator
{
    position:absolute;
    left:0px;
    top:4px;
    
}
.hardcodeOnline
{
    
     text-align:left;
     vertical-align:middle;
   
}
.chatIndicatorOnline
{
    
    width:10px;
    height:10px;
    background-image:url("../newimages/Chat/GreenButton.png");
}

.chatIndicatorOffline
{
    width:10px;
    height:10px;
    background-image:url("../newimages/Chat/GreyButton.png");
}
.chatIndicatorBusy
{
    width:10px;
    height:10px;
    background-image:url("../newimages/Chat/OrangeButton.png");
}

.taskBarIndicator
{
    position:absolute;
    left:3px;
    top:5px;
}

.taskBarIndicatorOnline
{
    width:10px;
    height:10px;
    background-image:url("../newimages/Chat/GreenButton.png");
}

.taskBarIndicatorOffline
{
    width:10px;
    height:10px;
    background-image:url("../newimages/Chat/GreyButton.png");
}
.taskBarIndicatorBusy
{
    width:10px;
    height:10px;
    background-image:url("../newimages/Chat/OrangeButton.png");
}

.taskBarMinimise
{
    padding:2px;
    width:8px;
    height:6px;
    background-image:url("../newimages/Chat/DownArrow.png");
    position:absolute;
    right:3px;
    top:5px;
    background-repeat: no-repeat;
    background-position:center center;    
    cursor:pointer;
}

.taskBarMaximise
{
    padding:2px;
    width:8px;
    height:6px;
    background-image:url("../newimages/Chat/UpArrow.png");
    position:absolute;
    right:3px;
    top:5px;
    background-repeat: no-repeat;
    background-position:center center;    
    cursor:pointer;
}

.chatMinimise
{
    padding:2px;
    width:8px;
    height:6px;
    background-image:url("../newimages/Chat/DownArrow.png");
    position:absolute;
    right:20px;
    top:5px;
    background-repeat: no-repeat;
    background-position:center center;    
    cursor:pointer;
}
.taskBarMaximise2
{
    padding:2px;
    width:8px;
    height:6px;
    background-image:url("../newimages/Chat/UpArrow.png");
    position:absolute;
    right:18px;
    top:5px;
    background-repeat: no-repeat;
    background-position:center center;    
    cursor:pointer;
}
.taskBarMinimise2
{
    padding:2px;
    width:8px;
    height:6px;
    background-image:url("../newimages/Chat/DownArrow.png");
    position:absolute;
    right:18px;
    top:5px;
    background-repeat: no-repeat;
    background-position:center center;    
    cursor:pointer;
}

.chatClose
{
    padding:2px;
    width:8px;
    height:10px;
    background-image:url("../newimages/Chat/Close.png");
    background-repeat: no-repeat;
    background-position:center center;
    position:absolute;
    right:5px;
    top:3px;   
    cursor:pointer;
}
.chatToolClose
{
    padding:2px;
    width:8px;
    height:6px;
    background-image:url("../newimages/Chat/Close.png");
    background-repeat: no-repeat;
    background-position:center center;
    position:absolute;
    right:2px;
    top:5px;   
    cursor:pointer;
}
.chatToolOpen
{
    padding:2px;
    width:8px;
    height:6px;
    background-image:url("../newimages/Chat/start.gif");
    background-repeat: no-repeat;
    background-position:center center;
    position:absolute;
    right:2px;
    top:5px;   
    cursor:pointer;
    
}
.statusContainer
{ max-height: 18px; vertical-align:middle; overflow-y: hidden; margin: 0px 0px 0px 0px;}
.statusContainer .item { height: 18px; float: left;  vertical-align:middle; } 
.statusContainer .item2 { height: 18px; float: left;  padding-top:4px;  }    

.textForChat
{
   
    position:absolute;
    left:14px;   
    text-align:left;
    vertical-align:middle;
    
}


