@charset "utf-8";
/********* Start General Styles *****************/
/* ------------------------------------------- Style to apply to items not to print */
.no-print{
	display:none;
}
body{
	font:12px/14px Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
}
*html body table{
	font:12px/14px Arial, Helvetica, sans-serif; /* Set correct font size in tables for IE6 */
}
html,body{
	margin:0;
	padding:0;
}
/* Start define margins and list styles */
p,h1,h2,h3,h4,table{
	margin:10px 0;
}
div,form{
	margin:0;
	padding:0;
}
ol,ul{
	padding:0; /* remove padding from FF */
	margin-top:0.6em;
	margin-bottom:0.6em;
	margin-left:40px; /* Assign margin left for consistent treatements */
}
ol ul,ul ol,ul ul,ol ol{
	margin-top:0;
	margin-bottom:0;	
}
/* End define margins and list styles */
/* Start define header sizes */
h1{font-size:15px;}
h2{font-size:15px;font-weight:normal;}
h3{font-size:14px}
h4{font-size:14px;font-weight:normal;}
/* End define header sizes */
/* Unique style to lead a sentance */
.lead,div.details_box div.mid p span.lead{
	font-weight:bold;
}
/********* End General Styles *****************/
/* START VARIABLE widths, heights and padding -- I decided to add alll variable widths to the head of this stylesheet for easy access */
/* 	Clear margins and padding. Leave it to divs */

/* #container is the root element and determines the width of the page */
#container{}
/* Start IE6 style */
/* #header contains all nav, logo and login details */ 
#header,#breadcrumb,#footer div{
	display:none;
}
/* change height and width to suite. Also choose whether to use a logo image as a background. Sometimes easier to include as part of header */
#logo img{}
#bodycontent_inner{
	padding:10px 18px 0 18px;
}
/* Start column definition */
#col_left,#col_right{
	display:block;
}
/* End column definition */
/* Unfortunately have to use and absolute width as 100% is not implemented correctly in IE. Table overlaps container */
table.data{
	width:100%;
}
/* Style is used by IE only to stop TEXTAREA overflowing container. Applied dynnamicaly. Width must = table.data - 10px */
textarea.displayEditor{
	width:100%;
}
textarea.tsandcs{
	width:945px;
	height:300px;
}
/* 	End "breadcrumb" styles */
/* Sart defining .column_box style */
div.column_box{
	border:1px solid #000;
	padding:5px;
	font-size:10px;
	margin:10px 0;
}
div.links ul,div.column_box ul{
	margin-left:15px;
}
div.links ul li,div.column_box ul li{
	margin-bottom:5px;
}
div.column_box a.user_guide,div.column_box a.help,div.column_box a.browse{
	display:block;
	color:#BD0000;
	font-weight:bold;
	text-decoration:none;
	margin:5px 0;
}
/* End defining .column_box style */
/* Course details page */
div.details_box{
	display:block;
	margin:10px 0;
	border:1px solid #000;
	font-size:10px;
}
div.details_box div.base,div.details_box div.top{
	height:1px;
}
div.details_box div.mid div p span{
	color:#333;
	font-weight:bold;
}
div.details_box div.mid div p.low{
	color:#666
}
div.details_box div.mid div p.low span{
	color:#999;
}
div.column_box h4{
	color:#666;
}
/* legacy style override */
table td,table th{
	padding:3px 5px;
	text-align:left;
}
table th,td.subhead,td.subHead,td.subheadbg,td.subHeadbg {
	font-weight:bold;
	text-transform:capitalize;
}
td.mainsubhead,td.mainSubHead {
	font-weight:normal;
}
/* business unit styles */
/* Start Define data_navigation styles */
span.action_buttons,span.data_navigation{
	display:none;
}
/* End Define data_navigation styles */
table.data{
	border-left:1px solid #000;
	border-top:1px solid #000;
}
table td,table th{
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
table.data th.left,table.data td.left{}
table.data th.left{}
table.data th.right{}
table.data tr.odd td{}
table.data tr.even td{}
table.data tr.odd td.right,table.data tr.even td.right{}
table.data tr.footer{
	display:none;
}
/* division class for a break in the table */
table.data tr.division td{}
table.data tr.division td.left{}
table.data tr.division td.right{}
/* Special style for multi header table */
table.multi tr.section{}
table.multi tr.section td{}
table.multi tr.section td.right{}
/* End Define data table styles */
/* Start define search table styles */	
/* Empty table headers */
/* hide headers, using display:none may affect the initTableStyles() function */
table.empty th,table.empty th.left,table.empty th.right{
	padding:0;
}
/* End define search table styles */

/* This style sheet will be applied to all portals */
/* ---------------------------------------------------------- Start general styles */
/* Divider used to seperate navigation */
.v-divider{
	display:inline;
	background:url(../images/icons/v-divider.gif) no-repeat center;
	margin:0 5px;
}
/* horizontal divider */
.h-divider{
	display:block;
	height:1px;
	margin:10px 0;
	background:url(../images/icons/h-divider.gif) repeat-x;
}
/* shim is an iframe that is used in browser IE6 and below to prevent form controls appearing above the dropdown menu */
/* Horizontal scrolling container (for large tables) */
/* ------------------------------------------------------------ End general styles */
/* -------------------------------------------------- Start "cat_breadcrumb" style */
#cat_breadcrumb{
	padding:5px 10px 10px 10px;
	background-color:#EEE;
	margin-bottom:20px;
}
#cat_breadcrumb div{
	font-weight:bold;
	background:url(../images/icons/catcrumb.gif) left 50% no-repeat;
	padding-left:12px;
	margin-top:7px;
	margin-bottom:7px;
}
#cat_breadcrumb div.in1{
	display:block;
	padding:0;
	background-image:none;
}
div.nocourses{color:#808080;}
div.in2{margin-left:5px;}
div.in3{margin-left:20px;}
div.in4{margin-left:35px;}
div.in5{margin-left:50px;}
div.in6{margin-left:65px;}
div.in7{margin-left:80px;}
div.in8{margin-left:95px;}
div.in9{margin-left:110px;}
div.in10{margin-left:125px;}
div.in11{margin-left:140px;}
div.in12{margin-left:155px;}
div.in13{margin-left:170px;}
div.in14{margin-left:185px;}
div.in15{margin-left:200px;}
/* -------------------------------------------------- End "cat_breadcrumb" style */
/* ------------------------------------------------------ Start "action" buttons */
/* Action buttons - Also se IE6 hacks at base*/
a.action{
	font-size:10pt !important;
	font-weight:bold !important;
	text-transform:capitalize !important;
	text-decoration:none !important;
	text-align:left !important;
	margin:0 5px 0 5px !important;
	display:-moz-inline-stack;
 	display:inline-block;
	background:url(../images/buttons/action_btn.gif) left top no-repeat;
}
a.action span{
	cursor:pointer;
	display:-moz-inline-stack;
 	display:inline-block;
	padding:3px 10px 3px 0px;
	margin-left:18px;
	margin-right:-5px; /* pull the right image beyond the left image */
	height:19px;
	background:url(../images/buttons/action_btn.gif) right top no-repeat;
}
a.action:hover span{
	background-position:right -25px;
}
a.action:hover{
	background-position:left -25px;
}
/* Smaller version of the same button */
a.action.small{
	font-size:8pt !important;
	background-position:left -50px;
}
a.action.small span{
	padding:1px 8px 1px 2px;
	margin-left:12px;
	height:19px;
	background-position:right -50px;

}
a.action.small:hover{
	background-position:left -71px;
}
a.action.small:hover span{
	background-position:right -71px;
}
/* Plain (no arrow) version of the same button */
a.action.plain{
	font-size:8pt !important;
	background-position:left -92px;
}
a.action.plain span{
	padding:1px 8px 1px 3px;
	margin-left:5px;
	height:19px;
	background-position:right -92px;

}
a.action.plain:hover{
	background-position:left -113px;
}
a.action.plain:hover span{
	background-position:right -113px;
}
/* Start IE6 Hacks */
*html a.action span{
	position:relative;
}
*html a.action span{
	right:-18px;
		
}
*html a.action.small span{
	right:-13px;
		
}
*html a.action.plain span{
	right:-5px;
		
}
/* End IE6 Hacks */
/* -------------------------------------------------------- End "action" buttons */
/* ---------------------------------------------------------- Start "lov" button */
/* Redefine LOV button */
a.lov{
	line-height:21px;
	font-size:8pt !important;
	font-weight:bold !important;
	text-decoration:none;
	text-transform:uppercase;
	display:-moz-inline-stack;
 	display:inline-block;
	width:50px;
	height:21px;
	text-align:center;
	background:url(../images/buttons/lov_btn.gif) no-repeat left top;
	border:none;
	background-color:none;
}
a.lov:hover{
	color:#666;
	background-position:left -21px;
}
/* link with arrow icon */
/* Arrow link style */
a.arrow,a.arrow:visited{
	font-weight:normal;
	background:url(../images/icons/link_arrow.gif) no-repeat 0 50%;
	padding-left:13px;
}

a.arrow:hover,a.arrow:active{
	background:url(../images/icons/link_arrow_over.gif) no-repeat 0 50%;
}
/* ----------------------------------------------------------- End "lov" buttons */
/* ----------------------------------------------- Start Course Structure Widget */
#course_structure div{
	font-size:10px;
	padding:0;
	margin:0;
	float:none;
}
#course_structure div.title{
	padding:0 10px 0 30px;
}
#course_structure div.title,#course_structure div.status{
	margin:3px 0;
	float:left;
}
#course_structure div.title span{
	font-size:9px;
	color:#999;
}
#course_structure div.cs_header{
	font-weight:bold;
	padding-top:10px;
}
#course_structure div.cs_header div.title{
	width:570px;
	padding:0 0 0 5px;
}
#course_structure div.status{
	width:110px;
	padding:0 0 0 5px;
}
#course_structure div.status.overdue{
	color:#900;
}
#course_structure div.cs_header div.title,#course_structure div.cs_header div.status{
	background:#FFF;
	margin:10px 0;
}
#course_structure div.rco0 div.title{
	margin-left:0px;
	width:535px;
}
#course_structure div.rco1 div.title{
	margin-left:10px;
	width:525px;
}
#course_structure div.rco2 div.title{
	margin-left:20px;
	width:515px;
}

#course_structure div.rco3 div.title{
	margin-left:30px;
	width:505px;
}

#course_structure div.rco4 div.title{
	margin-left:40px;
	width:495px;
}

#course_structure div.rco5 div.title{
	margin-left:50px;
	width:485px;
}
#course_structure div.rco6 div.title{
	margin-left:60px;
	width:475px;
}

#course_structure div.rco7 div.title{
	margin-left:70px;
	width:465px;
}
#course_structure div.rco8 div.title{
	margin-left:80px;
	width:455px;
}
#course_structure div.rco9 div.title{
	margin-left:90px;
	width:445px;
}
*html #course_structure div.rco1 div.title{
	margin-left:5px;
}
*html #course_structure div.rco2 div.title{
	margin-left:10px;
}
*html #course_structure div.rco3 div.title{
	margin-left:15px;
}
*html #course_structure div.rco4 div.title{
	margin-left:20px;
}
*html #course_structure div.rco5 div.title{
	margin-left:25px;
}
*html #course_structure div.rco6 div.title{
	margin-left:30px;
}
*html #course_structure div.rco7 div.title{
	margin-left:35px;
}
*html #course_structure div.rco8 div.title{
	margin-left:40px;
}
*html #course_structure div.rco9 div.title{
	margin-left:45px;
}
/* ------------------------------------------------- End Course Structure Widget */
/* ---------------------------------------------------- Start browserhawk styles */
#container.bhawkcontainer h1.page_heading{
	margin-top:0;
	padding-top:20px;
	background-position:left bottom;
}
tr.odd td.bhawkpass,tr.odd td.bhawkfail,tr.odd td.bhawkwarn,tr.odd td.bhawkinfo,tr.even td.bhawkpass,tr.even td.bhawkfail,tr.even td.bhawkwarn,tr.even td.bhawkinfo{
	background-repeat:no-repeat;
	padding-left:25px;
	text-transform: uppercase;
}

td.bhawkpass{
	color: green;
	background-image:url(../images/browserhawk/tick.gif);
}
td.bhawkfail{
	color: red;
	background-image:url(../images/browserhawk/cross.gif);
}
td.bhawkwarn{
	color: orange;
	background-image:url(../images/browserhawk/cross.gif);
}
td.bhawkinfo{
	color: blue;
	background-image:url(../images/browserhawk/information.gif);
}
/* ------------------------------------------------------ End browserhawk styles */
/* ------------------------------------------------------------ Start "floatfix" */
/* .floatfix is use to force content down when floats are used */
.floatfix{
	display:none;
}
/* ------------------------------------------------------------ End "floatfix" */
/* CLI Message Styles */
.msgInfo,.msgError,.msgWarning{
  color:#000 !important;  
  padding:5px;
  text-align:center;
  background:none !important; 
  border:1px dotted #CCC !important;
  background-color: #eeeeee !important;
  margin:10px 0;
}
.msgInfo img,.msgError img,.msgWarning img{
  margin-right:5px;
  border:none;
  width:20px;
  height:20px;
  vertical-align:middle;
  background:url(../images/icons/message.gif) no-repeat 0 0;
}
.msgInfo img{
	background-position:0 -20px;
}
.msgError img{
	background-position:0 -40px;
}
/* Home page buttons and icons */
a.play img,a.play,a.search,a.search img{
	display:block;
}
span.mandatory{
	display:block;
	text-align:center;
}
span.mandatory img{
	background:url(../images/icons/mandatory.gif) no-repeat 0 0;
	width:25px;
	height:20px;
}
a.play img{
	background:url(../images/icons/link_play.gif) no-repeat 0 0;
	width:25px;
	height:20px;
}

a.play:hover img,a.play:active img,a.play:visited:hover img{
	background-position:0 -20px;
}
a img{
	border:none !important;
}
.img-left{
	float:left;
	padding:0 5px 5px 0;
}
.img-right{
	float:right;
	padding:0 0 5px 5px;
}
/* Arrow link style */
a.arrow,a.arrow:visited{
	font-weight:normal;
	background:url(../images/icons/link_arrow.gif) no-repeat 0 50%;
	padding-left:13px !important;
}

a.arrow:hover,a.arrow:active{
	background:url(../images/icons/link_arrow_over.gif) no-repeat 0 50%;
}
/* ------------------------------------------------------------ Start Calendar Styles */
#cal a.arrows{
   font-weight: bold;
   text-decoration: none;
}
#cal td.caldays,#cal td.calDays,#cal td.mainsubhead,#cal td.mainSubHead{
  background-image:none;
  background-color:#E2E2E2;
}
#cal td.calDays{
	font-size:10px;
}
/* ------------------------------------------------------------ End Calendar Styles */

@page { 
    size: auto !important;
	margin: 0 !important;  
} 
body, html, .content, #admin-page #panes-content {
    margin: 0px !important;  
	padding: 0px !important;
} 


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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,
#admin-page,
#admin-page #panes-content table td,
#admin-page #panes-content table th {font-size:12px !important;}

h1,
.heading-action h1.new-page-headings {margin:10px 0 !important;}

h1,
h2,
h3,
div.details_box h2 {font-weight:bold !important;}

h1 {font-size:16px !important;}
h2,
div.details_box h2 {font-size:14px !important;}
h3 {font-size:12px !important;}

div.details_box p span {font-weight:bold !important;}

#cbp-spmenu-s1,
#secondary_navigation,
#headerInnerRight,
#showLeft,
#overlay-page,
#admin-page #panes-content .header .panes-content-header-l, 
#learner-page #panes-content .header .panes-content-header-l,
#dialogBoxOperations .header .panes-content-header-l, 
#dialogBoxContent .header .panes-content-header-l,
#admin-page #panes-content .header .panes-content-header-r, 
#learner-page #panes-content .header .panes-content-header-r,
#dialogBoxOperations .header .panes-content-header-r, 
#dialogBoxContent .header .panes-content-header-r,
.multi-row-form ul.form-col.btns,
#supportingDocsTitle,
#supportingDocsText,
#admin-page div#file_upload .two-col-links-r,
input.btn,
.force-asterisk,
.hidden-el,
#header #headerInner #headerInnerLeft #secondary_navigation,
#header #headerInner #headerInnerRight,
#learner-page .header,
a.action.small,
input.btn,
span.pageination-wrapper {display:none !important;}
/*div.themed.box td strong.error-label, 
.error-label {display:none !important;}*/

div.themed.box td strong.error-label, 
.error-label {
    background-attachment: scroll;
    background-clip: content-box !important;
    background-color: transparent !important;
    background-image: none !important;
    background-origin:;
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 0 !important;
	margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

#admin-page #col_right {margin-top:20px !important;}

#bodycontent_inner #header {display:none !important; position:relative !important;}
	#header #headerInner #headerInnerLeft #logo,#header #logo, #header #logo img {display:block !important; float:none !important; background-color:transparent !important;}


.box {
    border: none !important;
    margin-bottom: 0px !important;
	padding:0px !important;
}

div.details_box,
div.details_box.plain,
div.column_box,
#col_right div.column_box {margin:10px 0 !important; padding:2px !important; border: 2px solid #ccc !important; border-radius: 0px !important;}

	div.details_box div.top,
	#admin-page div.details_box div.mid,
	#admin-page div.details_box div.base {float: none !important; display:block !important; background: none !important; background-clip:unset !important; background-origin:unset !important; background-image: none !important; background-color: transparent !important; z-index:9999 !important;}
	#admin-page div.details_box div.details_box_left, #admin-page div.details_box div.details_box_right {border: 0 !important; float:none !important; width: auto !important;}
	#admin-page div.details_box div.mid {}
	
	div.details_box div.top,
	#admin-page div.details_box div.base {display:none !important;}
	
#admin-page #bodycontent_inner {overflow:auto !important;}

#admin-page #panes-content {
    border-top-color: currentcolor !important;
    border-top-style: none !important;
    border-top-width: medium !important;
	 bottom: 0;
    display: block;
    height: 100% !important;
    left: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: auto !important;
    overflow-y: auto !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    visibility: visible !important;
    width: auto !important;
    z-index: 9999 !important;
}
.content {
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
	height: auto !important;
    position: relative;
    visibility: visible;
}

.multi-row-form,
.multi-col-form,
ul.form-col,
parent_config-attr-a,
#admin-page ul.form-col li.form-fields {padding-left: 0 !important; margin-left:0 !important;}

ul.form-col {border-bottom:1px solid #ccc !important; padding-top:5px !important; padding-bottom:5px !important;}
	ul.form-col li.form-fields {display:inline-block; float:none !important; vertical-align:top;}

	ul.form-col li.form-fields input[type='text'],
	ul.form-col li.form-fields input[type='password'],
	ul.form-col li.form-fields select {}

	#admin-page ul.form-col li.form-fields .input-label-txt {margin-right:5px !important;}
	
	ul.form-col li.form-fields label.datepickerui span.input-label-txt {min-width:1em !important; float:left !important;}
	ul.form-col li.form-fields .ctrl.txt.hasDatepicker {display:inline-block !important; float:left !important;}
	ul.form-col input:-webkit-autofill,ul.form-col textarea:-webkit-autofill,ul.form-col select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
	ul.form-col li.form-fields label.datepickerui span.input-label-txt {min-width:17em;}
	ul.form-col li.form-fields label.datepickerui input.hasDatepicker {display:inline-block; padding-right: 1em;}
	
	.multi-col-form ul.form-col li.form-fields input.lov-input,
	.multi-row-form ul.form-col li.form-fields input.lov-input,
	ul.form-col li.form-fields input.lov-input {display:inline-block; width:auto;}
	ul.form-col li.form-fields input[type='text'],
	ul.form-col li.form-fields .radiogroup {/*height:42px !important;*/}
	ul.form-col li.form-fields select {/*height:45px !important;*/}
	ul.form-col li.form-fields label {
		display: block !important;
		font-weight:normal !important;
		padding:0;
		cursor: pointer;
		line-height: 20px;
		margin: 0 0 3px;
		vertical-align: text-top;
		color: #333;
		font-size:15px;
	}
	ul.form-col li.form-fields .radiogroup,
	ul.form-col li.form-fields .checkboxgroup {display:block !important; white-space:normal; padding:0 5px 0 0; vertical-align:top !important; margin-top:0 !important; border:0;}
	ul.form-col li.form-fields .radiogroup label,
	ul.form-col li.form-fields .checkboxgroup label {display:inline-block !important; font-weight:normal; white-space:normal; margin-top:10px !important; vertical-align:middle !important;}
	ul.form-col li.form-fields label.label-cb {display:inline-block !important; vertical-align: text-top; font-weight:normal !important;}
	ul.form-col li.form-fields label.datepickerui {/*overflow:hidden;*/}	
	ul.form-col li.form-fields label.datepickerui img.ui-datepicker-trigger,
	ul.form-col li.form-fields label.datepickerui img.ui-datepicker-clear {/*margin:-10px 0 0 0;*/}
	ul.form-col li.form-fields label.datepickerui span.input-label-txt {display:block; /*margin-bottom:10px;*/}
	ul.form-col li.form-fields .lbl .input-with-triggers {display: block; white-space:nowrap; margin-right:60px;}
  	ul.form-col li.form-fields .lbl .input-with-triggers .lov-input {float:left;}
	ul.form-col li.form-fields .lbl .input-with-triggers .lov_list,
  	ul.form-col li.form-fields .lbl .input-with-triggers .lov_clear {display: inline-block; margin-top: 10px;}
	
	/* Multi Col variant */
	/*.multi-col-form {}
	.multi-col-form ul.form-col {display:inline-block;margin:5px 1.6em 5px 0; padding:0;  list-style:none; vertical-align:top;}
	.multi-col-form ul.form-col li.form-fields,
	.multi-row-form .multi-col-form ul.form-col li.form-fields{display: inline-block;}
	.multi-col-form ul.form-col.btns {margin-top:10px; vertical-align:bottom;}*/
	
	/* Multi Row variant */
	/*.multi-row-form {}
	.multi-row-form ul.form-col {display:block; height:auto; padding:0; margin:0; list-style:none; vertical-align:top;}
	.multi-row-form ul.form-col li.form-fields,
	.multi-col-form .multi-row-form ul.form-col li.form-fields {margin-bottom:10px; margin-right:10px;}
	.multi-row-form ul.form-col.btns {height:auto; margin-top:23px; vertical-align:bottom;}*/
	
	/* VIEW-READONLY FORM-ALIKE */
	/*ul.form-col {border-bottom:1px solid #d5d5d5 !important; padding-top:5px; padding-bottom:5px;}
	ul.form-col:first-child {padding-top:0;}
	ul.form-col:last-child {padding-bottom:0; border-bottom:0;}
	ul.form-col li.form-fields label {}
	ul.form-col li.form-fields .input-label-txt, 
	ul.form-col li.form-fields .ctrl {display:inline-block !important; float:left !important;}
	ul.form-col li.form-fields .ctrl.txtarea  {width: 100%; background-color:transparent !important; line-height:25px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	ul.form-col li.form-fields .ctrl,
	ul.form-col li.form-fields label.datepickerui span.input-label-txt  {width:auto; min-width:1px;}
	ul.form-col li.form-fields span.input-label-txt  {color:#323232; font-weight:bold; font-size:14px; margin-right:25px;}
	ul.form-col li.form-fields span.input-label-txt.withcolon:after { content: " :"; }
	ul.form-col li.form-fields .ctrl.view-mode-val {line-height:20px; border:none; font-weight:normal; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}*/