@import url(frame.css);

@import url(menu.css);

/*
body { font: 12px/1.6em "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin: 0; background: white;
	color: #333;
	padding: 0;
}
*/

body { 
	font-family: Arial,Helvetica,Garuda,sans-serif;
	font-size:11pt;
	margin: 0; 
	background: white;
	background-color: #fff;
	color: #435059;
	margin: 0; /* void out browser-defined gutterspace */
	padding: 0;
	
}

a {
	color: #3b78a9;
	text-decoration:none;
}

a:hover {
	color: #000;
}

a:active {
	color: #3b78a9;
}

a:visited {
	color: #3b78a9;
}

a.emphasize{
	text-decoration:underline;
	font-weight:bold;
	}

p,ul {
	text-align: left;
	margin: 10px 0;
	padding: 0;
	
}


	

ul {
	padding: 0 0 0 15px;
}

ul.address {
	list-style: none;
	
}

ul.content{
	padding-left:20px;
	}

ul.content li{
	
	padding:10px 0;
}

h1{
	
	margin: 15px 15px 0 0;
	font-size: 110%;
	color: #435059;
}
	

h2 {
	
	font-size: 18pt;
	margin: 15px 0px 10px 0;
	color: #24527a;
	
}

h3 {
	margin: 15px 0px 10px 0;
	font-size: 16pt;
	color: #435059;
	
}

h4 {
	margin: 15px 0px 10px 0;
	font-size: 14pt;
	color: #435059;
	
}

h5 {
	margin: 15px 0px 10px 0;
	font-size: 12pt;
	color: #435059;
	
}
h6{
	margin: 15px 0px 10px 0;
	font-size: 11pt;
	color: #24527a;
}
#sidebar p,#sidebar ul {
	margin: 7px 0px 15px 10px;
	padding: 0;
	text-align: left;
}

#sidebar ul {
	padding-left: 15px;
}







img.left {
	float: left;
	margin: 0 10px 3px 0;
}

a img {
	border-width: 0;
}

#content {
	padding-top: 20px;
}


#general-form {
	margin: 0px;
}

#general-form label {
	width: 150px;
	text-align: right;
	float: left;
	margin-right: 5px;
	display: block;
	
}

#general-form label.short {
	width: 100px;
	text-align: right;
	float: left;
	margin-right: 5px;
	display: block
}

#general-form input[type="text"],#general-form input[type="password"] {
	text-align: left;
	background-color: #e7f1fe;
	float: left;
	width: 150px;
	border: 1px solid #2A79B1
}

#general-form select {
	text-align: left;
	background-color: #e7f1fe;
	float: left;
	width: auto
}




#general-form p {
	width: 100%;
	min-height: 25px;
	display: block
}

#general-form .emphasis {
	border: 1px solid green;
	padding: 0.5em 0
}

#general-form .multiple {
	height: 150px;
	width: 160px
}

#general-form h2 {
	color: #08699b;
	font-weight: bold;
	font-size: 110%;
	font-style: oblique;
	margin-left: 0
}

#general-form textarea {
	width: 400px;
	height: 120px;
	border: 1px solid #2A79B1;
	padding: 5px;
	background-color: #e7f1fe
}

#general-form textarea.small {
	width: 300px;
	height: 120px;
	border: 1px solid #2A79B1;
	padding: 5px;
	background-color: #e7f1fe;
	float: left
}

#general-form textarea.full_content {
	width: 400px;
	height: 500px;
	border: 1px solid #2A79B1;
	padding: 5px;
	background-color: #e7f1fe
}

#general-form .checkboxes label {
	width: 150px;
	float: left;
}

#general-form .checkboxes p {
	width: 300px;
	float: left;
	margin: 0px
}

#general-form .checkboxes input[type="checkbox"] {
	width: 30px;
	float: left;
}

#general-form .webguardbox{
	padding:0 10%;
	width:380px;
	
	}
#general-form .webguardbox label {
	width: 20px;
	float: left;
}

#general-form .webguardbox p {
	width: 100px;
	float: left;
	margin: 0px;
	
}

#general-form .webguardbox input[type="text"] {
	width: 20px;
	float: left;
}

#general-form input[type="text"].wide {
	width: 350px;
	float: left;
}

#role-feature-form label
	{
	width:90%;
	float:right;
	text-align:left;
	}
	
#role-feature-form  input[type="checkbox"]
	{
	width:5%;
	float:left;
	
	}

#role-feature-form .active_resources {
	width:53%;
	float:left;
}

#role-feature-form .all_resources{
	width:53%;
	float:left;
	}

#role-feature-form .permited_resources {
	width:46%;
	padding:0 0 0 5px;
}

#role-feature-form .denied_resources{
	width:46%;
	padding:0 0 0 5px;
	
	}

#role-feature-form .form_buttons{
	width:100%;
	padding:10px 0 0 10px;
}

#role-user-form label
	{
	width:95%;
	float:right;
	text-align:left;
	}
	
#role-user-form  input[type="checkbox"]
	{
	width:3%;
	float:left;
	
	}

#whiteboard-user-form label
	{
	width:95%;
	float:right;
	text-align:left;
	}
	
#whiteboard-user-form  input[type="checkbox"]
	{
	width:3%;
	float:left;
	
	}	
	
#whiteboard-user-form p{
	width: 100%;
	height: 18px;
	display: block
}
	
#filter-form {
	border: 1px solid green;
	padding: 0 15px;
	margin: 10px 0 10px 0;
}

#filter-form p {
	width: 100%;
	height: 23px;
	display: block
}

#filter-form label {
	width: 100px;
	text-align: right;
	padding-right:10px;
	float: left;
	display: block;
	
}

#filter-form input[type="text"] {
	text-align: left;
	background-color: #e7f1fe;
	width: 150px;
	border: 1px solid #2A79B1;
	float: left;
	
}

#filter-form input[type="text"].long {
	text-align: left;
	background-color: #e7f1fe;
	width: 450px;
	border: 1px solid #2A79B1;
	float: left;
	
} 
#filter-form select {
	text-align: left;
	background-color: #e7f1fe;
	float: left;
	width: auto
}




#login-form{
	width:100%;
	margin:5px;
	
}
#login-form p {
	width: 100%;
	display: block;
	margin-top:10px;
	height:25px;
	
	}

#login-form label {
	text-align:right;
	display: block;
	font-size: 11px;
	
	width:50px;
}

#login-form input[type="text"],#login-form input[type="password"] {
	text-align: left;
	background-color: #e7f1fe;
	width: 145px;
	border: 1px solid #2A79B1;
	
	
}

#login-form p.captcha{
	width: 100%;
	display: block;
	margin-top:10px;
	height:auto;
	
	}
#login-form p.captcha img {
	width:150px;
	margin-top:10px;
	
		
}	
#login-form p.captcha input[type="text"] {
	width:150px;
	background-color: #e7f1fe;
	border: 1px solid #2A79B1;
	margin-top:10px;
	
		
}	






#course-initiation-form label {
	width: 120px;
	text-align: right;
	float: left;
	margin-right: 5px;
	display: block
}

#course-initiation-form input[type="text"] {
	text-align: left;
	background-color: #e7f1fe;
	float: left;
	width: 250px;
	border: 1px solid #2A79B1
}

#course-initiation-form .schedule input[type="text"] {
	text-align: left;
	background-color: #e7f1fe;
	float: left;
	width: 120px;
	border: 1px solid #2A79B1 )
}

#course-initiation-form input[type="text"].short {
	text-align: left;
	background-color: #e7f1fe;
	float: left;
	width: 100px;
	border: 1px solid rgb(137, 170, 214)
}

#course-initiation-form select {
	text-align: left;
	background-color: #e7f1fe;
	float: left;
	width: auto;
	border: 1px solid rgb(137, 170, 214)
}





#course-initiation-form p {
	width: 100%;
	height: 25px;
	display: block
}

#course-initiation-form p.auto-y {
	height: auto
}

#course-initiation-form textarea {
	width: 400px;
	height: 120px;
	border: 1px solid rgb(137, 170, 214);
	padding: 5px;
	background-color: #e7f1fe;
	margin-left: 125px
}

#course-initiation-form textarea.small {
	width: 200px;
	height: 120px;
	border: 1px solid rgb(137, 170, 214);
	padding: 5px;
	background-color: #e7f1fe;
	margin-left: 125px
}

#course-initiation-form .emphasis {
	border: 1px solid green;
	padding: 0.5em 0;
	margin-top: 1em
}

#course-initiation-form .emphasis-table {
	border: 1px solid green;
	padding: 1em 0.5em
}

#course-initiation-form .emphasis-noborder {
	border: 0;
	padding: 1em 0.5em
}

#course-initiation-form .instructorlist {
	border: 1px solid green;
	width: 350px;
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-left: 125px
}

/* Lists */
#course-list {
	margin-bottom: 10px
}

#course-list table {
	width: 100%;
	
	border-collapse: collapse;
	text-align: left;
	color: #5A5A5A
}
* html #course-list table {
	width:90%;
	}

#course-list .silver th {
	background-color: #e2e2e2;
	color: #ffffff
}

#course-list .blue th {
	background-color: #08699b;
	color: #ffffff
}

#course-list .brown th {
	background-color: #9b0808;
	color: #ffffff
}

#course-list h2 {
	color: #08699b;
	font-weight: bold;
	font-size: 110%;
	font-style: oblique;
	margin-left: 0
}

#course-list a {
	color: blue;
	text-decoration: none;
	font-size: 128%;
	color: #5A5A5A;
	font-weight: bold
}

#course-list a:hover {
	color: #9b0808;
	text-decoration: underline;
}

#course-list .closed td {
	color: rgb(232, 177, 13)
}

#course-list .clinical td {
	border-bottom: 1px solid red
}

#course-list td.complete {
	background: url(../images/complete.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#course-list td.not-started {
	background: url(../images/not_start.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#course-list td.in-progress {
	background: url(../images/inprogress.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#course-list td.closed {
	background: url(../images/closed.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#course-list .bottom td {
	border-top: 1px dotted #9b0808;
	height: 12px
}

#course-list .bottomborder td {
	border-top: 1px dotted #9b0808
}

#course-list .scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 280px;
	border: 1px solid #ccc
}

#course-list .big-scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 600px;
	border: 1px solid #ccc
}

#question-list {
	margin-bottom: 10px
}

#question-list table {
	width: 100%;
	
	border-collapse: collapse;
	text-align: left;
	color: #5A5A5A
}
* html #question-list table {
	width:90%;
	}

#question-list .silver th {
	background-color: #e2e2e2;
	color: #ffffff
}

#question-list .blue th {
	background-color: #08699b;
	color: #ffffff
}

#question-list .brown th {
	background-color: #9b0808;
	color: #ffffff
}

#question-list h2 {
	color: #08699b;
	font-weight: bold;
	font-size: 110%;
	font-style: oblique;
	margin-left: 0
}

#question-list a {
	color: blue;
	text-decoration: none;
	font-size: 128%;
	color: #5A5A5A;
	font-weight: bold
}

#question-list a:hover {
	color: #9b0808;
	text-decoration: underline;
}

#question-list .bottom td {
	border-top: 1px dotted #9b0808;
	height: 12px
}

#question-list .bottomborder td {
	border-top: 1px dotted #9b0808
}

#question-list .scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 280px;
	border: 1px solid #ccc
}

#question-list .big-scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 600px;
	border: 1px solid #ccc
}

#question-list .emphasis {
	border: 1px solid #9b0808;
	padding: 0.5em 0;
}

#question-list .emphasis-table {
	border: 0;
	padding: 1em 0.5em
}

#question-list .emphasis-noborder {
	border: 0;
	padding: 1em 0.5em
}

#question-list .question td {
	color: #000000;
	font-size: 120%;
	padding: 1em 0.5em
}

#message-list {
	margin-bottom: 10px
}

#message-list table {
	width: 100%;
	font-size: 100%;
	border-collapse: collapse;
	text-align: left;
}
* html #message-list table{
	width:90%
	}

#message-list .silver th {
	background-color: #e2e2e2;
}

#message-list .brown th {
	background-color: #9b0808;
}

#message-list .blue th {
	background-color: rgb(137, 170, 214);
}

#message-list h2 {
	color: #08699b;
	font-weight: bold;
	font-size: 110%;
	font-style: oblique;
	margin-left: 0
}

#message-list a {
	color: #1D7298;
	text-decoration: none;
}

#message-list a:hover {
	color: #575757;
	text-decoration: underline;
}

#message-list .content td {
	border-bottom: 1px solid #ccc;
}

#message-list .scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 380px;
	border: 1px solid #ccc
}

#message-content label {
	width: 100px;
	float: left;
	text-align: left
}

#message-content .scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 380px;
	border: 1px solid #ccc;
	padding: 1em;
	margin-bottom: 1em
}

#message-content input[type="text"] {
	text-align: left;
	background-color: #e7f1fe;
	width: 500px
}

#user-list {
	margin-bottom: 10px
}

#user-list table {
	width: 100%;
	
	border-collapse: collapse;
	text-align: left;
	color: #5A5A5A
}

* html #user-list table {
	width: 90%;
}
#user-list .brown th {
	background-color: #9b0808;
	color: #ffffff;
}

#user-list .silver th {
	background-color: #e2e2e2;
	color: #ffffff;
}

#user-list .blue th {
	background-color: rgb(137, 170, 214);
	color: #ffffff;
}

#user-list h2 {
	color: rgb(137, 170, 214);
	font-weight: bold;
	font-size: 110%;
	font-style: oblique;
	margin-left: 0
}

#user-list a {
	color: #1D7298;
	text-decoration: none;
}

#user-list a:hover {
	color: #575757;
	text-decoration: underline;
}

#user-list .bottom td {
	border-top: 1px dotted #9b0808;
	height: 12px
}

#user-list .scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 380px;
	border: 1px solid #ccc
}

#general-list {
	margin: 10px 0;
}

#general-list table {
	width: 100%;
	
	border-collapse: collapse;
	text-align: left;
	color: #5A5A5A
}
* html #general-list table {
	width:90%;
}

#general-list .brown th {
	background-color: #9b0808;
	color: #ffffff;
}

#general-list .silver th {
	background-color: #e2e2e2;
	color: #ffffff;
}

#general-list .blue th {
	background-color: rgb(137, 170, 214);
	color: #ffffff;
	text-align:left;
	padding:0 20px 0 0;
	margin:0;
}

#general-list h2 {
	color: rgb(137, 170, 214);
	font-weight: bold;
	font-size: 110%;
	font-style: oblique;
	margin-left: 0
}

#general-list a {
	color: #1D7298;
	text-decoration: none;
}

#general-list a:hover {
	color: #575757;
	text-decoration: underline;
}

#general-list .bottom td {
	border-top: 1px dotted #9b0808;
	height: 12px
}

#general-list .brown td {
	border-bottom: 1px dotted #9b0808;
}

#general-list .silver td {
	border-bottom: 1px dotted #e2e2e2;
}

#general-list .blue td {
	border-bottom: 1px dotted rgb(137, 170, 214);
	
}

#general-list .scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 380px;
	border: 1px solid #ccc;
	margin:0;
	padding:0;
}

/* Course */
#course-detail .introduction,#course-detail .pre-course-quiz,#course-detail .course-content,#course-detail .test,#course-detail .feedback
	{
	margin-bottom: 10px;
	margin-top: 5px;
	border: 1px solid #ababab;
}

#course-detail h1 {
	color: rgb(137, 170, 214);
	font-weight: bold;
	font-size: 110%;
	font-style: oblique;
	margin: 0;
	margin: 15px
}

#course-detail h1 a {
	text-align: right;
	font-size: 100%;
	color: blue;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
	float: right
}

#course-detail h2 {
	font-weight: bold;
	font-size: 140%;
	text-align: center
}

;
#course-detail p,#course-detail ul {
	width: 100%;
	padding: 5px 15px 5px 10px;
	list-style: none
}

#course-detail a {
	color: #000;
	text-decoration: underline;
}

#course-detail a:hover {
	color: #7BB242;
	text-decoration: underline;
}

#certification-progress {
	width: 575px;
	text-align: center;
}

#certification-progress .name td {
	width: 80px;
}

#certification-progress .start td {
	width: 22px;
}

#certification-progress .finished td {
	width: 23px;
}

#certification-progress .result td {
	width: 120px;
}

#certification-progress .benchmark td {
	width: 324px;
}

#certification-progress .benchmark-small td {
	width: 162px;
}

#certification-progress td.benchmark-small img {
	width: 162px;
	height: 10px;
}

#certification-progress img {
	border: 0;
	float: left;
}

/* Color list */
ul.red {
	list-style: outside url(../images/li_red.png);
	margin-left: 10px;
	float:left;
	width:100%;
}

ul.blue {
	list-style: outside url(../images/li_blue.png);
	margin-left: 10px;
	float:left;
	width:100%;
	
}
ul.blue-home {
	list-style: outside url(../images/li_blue.png);
	margin-left: 15px;
	width:100%;
	
}

ul.green {
	list-style: outside url(../images/li_green.png);
	margin-left: 10px;
	float:left;
	width:100%;
}

ul.sky {
	list-style: outside url(../images/li_sky.png);
	margin-left: 10px;
	float:left;
	width:100%;
}

#hidden-show {
	display: none
}

#show-hidden {
	display: block
}

#richtext {
	background: url(../images/richtext.png) no-repeat;
	background-position: 0 0;
	width: 504px;
	height: 200px;
	margin: 1em;
	padding-top: 5em;
	padding-left: 2px;
}

/*zend-form*/
div.errors {
	color: red;
	
}

div.confirmation {
	color: green;

}

div.author-info {

	margin: 10px;
	padding: 10px;
	border: 1px solid blue;
	color: blue;
	width: 300px
}

div.author-info label {
	float: left;
	width: 120px
}

#wizard-status {
	width: 100%;
}

#wizard-status .step-logo {
	height: 25px;
	width: 180px;
	background-color: white;
	border: 2px solid #aedcf9;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #c2b758;
	float: left;
	padding: 2px;
	margin-right: 5px;
}

#wizard-status .step-content {
	width: 100%;
}

#wizard-status p {
	line-height: 29px;
	vertical-align: bottom;
}

ul.policy {
	margin-bottom: 10px;
	padding-left: 15px;
	width: 95%;
}

ul.policy li {
	position: relative;
	padding-right: 90px;
	list-style: square;
	list-style-position: outside;
	margin-top: 5px;
	margin-right: 10px;
}

ul.policy li:hover {
	background-color: #d4e5fc;
}

ul.policy li span.right {
	position: absolute;
	top: 1px;
	right: 10px;
	float: right;
	text-align: right;
	display: inline;
	background-color: trandparent;
}

div .category-help {
	float: right;
}

div .content-help {
	float: right;
}

span.rounded_corner{
	float: left;
	height:24px;     
      background:url("../images/button-left.png") no-repeat left top;
      border:0;
	  margin:0;
}
span.rounded_corner input[type="button"], span.rounded_corner input[type="submit"],span.rounded_corner input[type="reset"] {
	float: left;
	height:24px;     
      background:url("../images/button-right.png") no-repeat right top;
      padding:2px 11px 5px 10px;
      font-size:11px;
      color:#fff;
      border:0;
	  margin:0;
      }

span.rounded_corner:hover{
	float: left;
	height:24px;     
      background:url("../images/button-left-hover.png") no-repeat left top;
      border:0;
	  margin:0;
}

span.rounded_corner:hover input[type="button"],span.rounded_corner:hover input[type="submit"],span.rounded_corner:hover input[type="reset"] {
	float: left;
	height:24px;     
      background:url("../images/button-right-hover.png") no-repeat right top;
      padding:2px 11px 5px 10px;
      font-size:11px;
      color:#fff;
      border:0;
	  margin:0;
      }

span.rounded_corner_highlight{
	float: left;
	height:24px;     
      background:url("../images/button-left-highlight.png") no-repeat left top;
      border:0;
	  margin:0;
}
span.rounded_corner_highlight input[type="button"], span.rounded_corner_highlight input[type="submit"],span.rounded_corner_highlight input[type="reset"] {
	float: left;
	height:24px;     
      background:url("../images/button-right-hightlight.png") no-repeat right top;
      padding:2px 11px 5px 10px;
      font-size:11px;
      color:#08699b;
	  border:0;
	  margin:0;
      }     
      
      
.news{
	list-style:none;
	}

.in-box{
	font-size:9pt;
	}
.in-box ul{
	list-style:none;
	margin:0;
	padding:0;
	
	}

.news .date, .in-box .date{
	
	margin-right:5px;
}

.news .description, .in-box .news .description{
	}

.news .new, .in-box .new{
	font-size:6pt;
	color:#ffffff;
	background:#9b0808;
	font-weight:bold;
	position:relative;
    bottom:2px;
    right:5px;
    width:35px;
    display:bolck;
    margin-left:2px;
    
	}
	
.news .old, .in-box .old{
	font-size:6pt;
	color:#ffffff;
	background:transparent;
	font-weight:bold;
	position:relative;
    bottom:2px;
    right:5px;
    width:35px;
    display:bolck;
    margin-left:2px;
    
	}

/*
 * for hidden and unhidden controled by javascript
 */
#hidden {
	display: none;
}
#un-hidden{
display:block;
}

#whiteboard {
	MARGIN: 10px 0px
}
#whiteboard TABLE {
	TEXT-ALIGN: left; WIDTH: 100%; BORDER-COLLAPSE: collapse; COLOR: #5a5a5a; font-size:12px
}
* HTML #whiteboard TABLE {
	WIDTH: 90%
}
#whiteboard  .golden{
	BACKGROUND-COLOR:#FC6; COLOR: #ffffff
}
#whiteboard  .silver{
	BACKGROUND-COLOR: #e2e2e2; COLOR: #5a5a5a
}
#whiteboard  TH {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; Border: 1px rgb(137,170,214) solid; MARGIN: 0px; COLOR: #249af5; PADDING: 5px 0px 
}
#whiteboard H2 {
	FONT-STYLE: oblique; COLOR: rgb(137,170,214); MARGIN-LEFT: 0px; FONT-SIZE: 110%; FONT-WEIGHT: bold
}
#whiteboard  td{
border:1px rgb(137,170,214) dotted;

vertical-align:top;
}
#whiteboard .inoffice{
	BACKGROUND-COLOR:#fff;
}
#whiteboard .offsite_available{
	BACKGROUND-COLOR:#CFC;
}
#whiteboard .offsite_unavailable{
	BACKGROUND-COLOR:#FAC1C0
}

#whiteboard .sick{
	BACKGROUND-COLOR:#FFFF80
}
#whiteboard .holiday{
	BACKGROUND-COLOR:#FC6;
}

#whiteboard .workathome{
	BACKGROUND-COLOR:#72FC83
}

#whiteboard .content{
	
	float:left;
	width:115px;
	
	
}

#whiteboard .control{
	float:right;
	width:12px;
	
	
	
}
#whiteboard .schedule{

margin:0;
padding:0;
border-bottom:1px #fff solid;
background-color:#F2F2F2;
height:12px;
color:#000;
font-size:11px;

}
#whiteboard  .status{
margin:0;
padding:0;
height:16px;
border-bottom:1px #fff solid;
font-style:italic;
font-size:13px;

}

#whiteboard  .changed{

	margin:0;
padding:0;
border-bottom:1px #fff solid;
background-color:#F2F2F2;
height:12px;

font-size:11px;
color:#F00;
}

#whiteboard .note{
margin:0;
padding:0;
min-height:60px;
font-size:11px;
color:#000080;


}	

#whiteboard .name{
margin:0;
padding:0;
vertical-align:middle;
font-size:13px;
font-weight:bold;

}

#whiteboard  .in{
	float:left;
	text-align:left;
	
	width:35px;
	height:10px;
	
}
#whiteboard  .out{
	float:right;
	text-align:left;
	
	width:41px;
	height:10px;
	
}

#whiteboard A {
	COLOR: #1d7298; TEXT-DECORATION: none
}
#whiteboard A:hover {
	COLOR: #575757; TEXT-DECORATION: underline
}
#whiteboard .bottom TD {
	HEIGHT: 12px; BORDER-TOP: #9b0808 1px dotted
}
#whiteboard .brown TD {
	BORDER-BOTTOM: #9b0808 1px dotted
}
#whiteboard .silver TD {
	BORDER-BOTTOM: #e2e2e2 1px dotted
}
#whiteboard .blue TD {
	BORDER-BOTTOM: rgb(137,170,214) 1px dotted
}
#whiteboard .scroll {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; OVERFLOW-X: hidden; OVERFLOW-Y: scroll; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; HEIGHT: 680px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px
}

#whiteboard .scroll-heading {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; OVERFLOW-X: hidden; OVERFLOW-Y: scroll; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; HEIGHT: auto; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px
}
#whiteboard .control span.tinybutton:hover {
BACKGROUND: url(../images/tinybutton-hover.png) no-repeat right top; float:left; height:12px;width:8px;
border:0;margin:0;padding:0;
}
#whiteboard .control SPAN.tinybutton  {
BACKGROUND: url(../images/tinybutton.png) no-repeat right top; float:left;height:12px;width:8px;
border:0;margin:0;padding:0;
}

#general-form p.notelog{
	min-height:30px;
	background-color:#FFFFB0;
	color:#0059B3;
	padding:5px;
	
	
}

#whiteboard_topbuttonbox{
	
	width:99%;
	padding:5px;
	height:20px;
	BORDER: rgb(137,170,214) 1px solid;
	
	        
	                              

}
}