html {height: 100%;}
body{height: 100%;}
#main_container{position: relative;min-height: 91%;}
* html #main_container{height: 100%;}
#inner_container {  padding-bottom: -9%; 
}

#webpage_footer {position: relative;margin-top: 9%;margin: 0px auto;} 
#webpage_compliance{ position: absolute; bottom: 0; height: 25px;}
#webpage_maintenance{top: 0; height: 25px; color:#FF0000;}

/*Begin Jquery UI Spinner Numeric*/
.ui-spinner {position: relative; border: 0px solid white; }.ui-spinner-buttons {position: absolute}.ui-spinner-button {overflow: hidden} 
/*End Jquery UI Numeric Spinner */

/* Joanna's Edits  
----------------------------------------------------------*/

* html #fsEditUser
{
    height: 750px;
}
* html #dvEditUser
{
    height: 750px;
}

#webpage_title {
text-align:left;
float:left;
font-weight: bold;
margin: 10px 0px 0px 12px;
border: none;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;}

#headerwrapper{
width:100%;
margin:0px auto;
}

p.companyname{
text-transform:uppercase;
color:#006699;
font-size:1.4em;
line-height:1.4em;
}

p.studyname{
color:#666;
font-size:1em;
}

#webpage {/* max-width:1260px; 	min-width:780px; width:1000px;*/padding: 5px 10px 5px 10px;-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:white;
          background-image:none;background-position:0 0;background-repeat:repeat;margin-bottom:5px;margin-left:auto;margin-right:auto;margin-top:5px;}

#webpage_content_main {
    border-top: 1px solid #ffffff;
    background-color:#ffffff;
    margin-bottom:5px;
    -moz-border-radius-bottomleft:10px; 
    -moz-border-radius-bottomright:10px; 
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    /*-filter:shadow(color:gray, strength:10, direction:135);*/
}

#webpage_caption {
text-align:left;
font-weight: bold;
margin: 0px;
border: none;
line-height: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#006699;
font-size:1.1em;
line-height:1.1em;}

#homebutton{
float:left;
border:0;
}

#thickgrayline{
background-color:#333;
height:5px;
}

img.homebutton{
margin:0px 18px 17px 20px;
}

#tab{
background-image:url("../content/images/tabbackground.png");background-repeat:repeat-x;padding-top:0px;
                 padding-left:0px;padding-right:0px;padding-bottom:0px;margin-bottom:0px;height:24px;
text-align:center;
}

#webpage_login_display {margin: 20px 20px 0px 0px;float:right;color:#999;font-size:1em;font-weight:bold}
#webpage_login_display a{color: #006699;text-decoration:none; text-transform:uppercase;}
#webpage_login_display a:hover{color: #006699;text-decoration:underline;}
#webpage_login_display a:visited{color: #006699;text-decoration:none;}
#webpage_login_display img{vertical-align:middle;}
#webpage_login_display p{display:inline;color:#666}

#webpage_header {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;
                 background-image:url("../content/images/headerbackground.png");background-position:0 0;background-repeat:repeat-x;padding-top:0px;
                 padding-left:0px;padding-right:0px;padding-bottom:0px;margin-bottom:0px;height:59px;border-bottom:1px solid #fff;}
                 
#webpage_logo {float:right;height:40px;margin: 7px 10px  0px 0px;}


/* level 1 menu  */
#webpage_menu_level_1_placeholder {height:4px;width:100%;text-align:left;font-size:0.9em;border:0px;padding-left: 4px;}
#webpage_menu_level_1 {height:25px;width:100%; background-image:url("../content/images/headermenubackground.png");background-repeat:repeat-x;text-align:left;font-size:0.9em;}
#webpage_menu_level_1 ul {overflow:hidden;position:relative;list-style:none;float:left;list-style-image:none;list-style-position:outside;list-style-type:none; margin:3px 0px 0px 0px;}
#webpage_menu_level_1 li {display:inline;float:left;text-align:center;font-weight:bold;height:1.4em;margin:2px 0px 2px 0px;font-size:0.9em;text-transform:uppercase;letter-spacing:0.1em;padding:0 7px;vertical-align:center;}
#webpage_menu_level_1 .item {border-right:solid 1px lightgrey;}
#webpage_menu_level_1 a {text-decoration:none;color:#ffffff;}
#webpage_menu_level_1 a:hover {text-decoration:underline;}
#webpage_menu_level_1 .lastitem {}
span.currentitem {color:#f3ac37;font-size:1em !important;text-decoration:none !important;}

/* level 2 menu */
.webpage_menu_level_2 { float:left; width:100%; background-image:url("../content/images/fatmenubackground.png");font-size:11px;line-height:normal;}
.webpage_menu_level_2 ul {margin: 5px 10px 5px 20px; padding: 0px;list-style:none;float:left}
.webpage_menu_level_2 li {width: 200px;margin:0;padding: 2px 0;list-style:none;list-style-image: url("../content/images/yellowarrowbullet.gif");vertical-align:top;}
.webpage_menu_level_2 li a {text-decoration:none; padding: 0;color:#fff;}
.webpage_menu_level_2 a {text-decoration:none;color:#fff;}
.webpage_menu_level_2 a:hover {text-decoration:none;color:#cceaf8;}
.webpage_menu_level_2 a span {font-size:1em;font-weight:bold;width:200px;height:17px;color:#fff;}


/* separate the list from subsequent markup */
#headerwrapper2{width:100%;margin:0px auto;margin-bottom: 1em;}
  
/*level 3 menu */

.menu_item_3 a span{font-weight:normal !important;}
li.menu_item_3 {list-style:none;list-style-image:none !important;margin-left:8px !important;}


/* position list chunks side by side
div.wrapper
{
  float: left;
  width: 20em;
} */

/* clear float after lists
br
{
  clear: left;
} */


/* anchor styling 
ul li a
{
  display: block;
  width: 17em;
  text-decoration: none;
}

ul li a:hover
{
  color: #FFF; 
  background
*/

/* footer */
#webpage_footer {background-image:url("../content/images/footerbackground.png");background-repeat:repeat-x;text-align:center;font-size:0.9em;height:55px;color:#666;}
#webpage_footer .item{height:12px;text-align:center;margin-top: 0px;text-transform:uppercase;font-weight:bold;}
#webpage_footer .item a{text-decoration:none;margin: 5px 12px -2px 12px;color:#006699;}
#webpage_footer .item a:hover{text-decoration:underline;margin: 5px 12px -2px 12px;color:#006699;}
#webpage_footer .item span {border-right:solid 1px #999;}
#webpage_footer .lastitem {height:12px;text-align:center;margin-top:0px;text-transform:uppercase;font-weight:bold;}
#webpage_footer .lastitem a {text-decoration:none;margin: 5px 12px -2px 12px;color:#006699;}
#webpage_footer .lastitem a:hover {text-decoration:underline;margin: 5px 12px -2px 12px;color:#006699;}
#webpage_footer .lastitem a span {border-right:solid 1px #999;}
#webpage_footer #headerwrapper {padding-top:20px;}

#breadcrumb {background-image:url("../content/images/breadcrumbbackground.png");background-repeat:no-repeat;padding:  2px 0px 0px 12px;color:#006699;font-size:0.8em;}
#breadcrumb a {color:#006699;font-weight:bold;text-decoration:none;}
#breadcrumb a:hover {color:#FA3B00;text-decoration:none;}

/* End Joanna's Edits  
----------------------------------------------------------*/



* {margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;}

body {padding:0px;margin:0px;font-size:12px; font-family:Arial,Verdana,Sans-Serif; }

a:link {color: #034af3;text-decoration: underline;}
a:visited {color: #505abc;}
a:hover {color: #1d60ff;text-decoration: none;}
a:active { color: #12eb87;}



li { -x-system-font:none;  font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.5em;margin-bottom:10px;}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {font-size: 1.5em;color: #000; font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 2em;padding-bottom: 0; margin-bottom: 0;}
h2 {padding: 0 0 10px 0;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}
fieldset {padding: 4em; margin: 0; border: solid 1px #999;}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#webpage_banner {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;
                 background-color:#ffffff;
                 /*background-image:url(../Content/Images/bk_boxes.jpg); */
                 background-position:0 0;background-repeat:repeat;
                 padding-left:0px;padding-right:0px;padding-bottom:0px;margin-bottom:0px;}



#webpage_client_logo {float:right;padding: 2px 2px 2px 0px;}







.bracket_dark_blue {background-color:#003F76;color:#ffffff;}
.bracket_blue {background-color:#008BCC;}
.bracket_light_blue {background-color:#A6DEF1;}
.bracket_teal{background-color:#00AFDB;}
.green_row_even {background-color:#b9f3b2;}


	  






#content_title {background:url(../content/images/title_bg.png) repeat-x;height:18px;font-size:medium;font-weight:bold;padding:5px;width:99%;}
#content_desc {}
#content_footer {}

.panel_title {}
.panel_desc {}
.panel_footer {}

.siteMap {overflow:auto;position:relative;list-style:none;}
.siteMap li {width:150px;}

/* FORM LAYOUT ELEMENTS   */

fieldset {margin: 1em 0;padding: 1em;border: 1px solid #CCC;}
fieldset p {margin: 2px 12px 10px 10px;}
legend {font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px; color:#006699;}
input[type="text"] {border: 1px solid #ABADB3; height:17px; font-size:12px; padding: 2px}
input[type="password"] {border: 1px solid #ABADB3;height:17px; font-size:12px; padding: 2px}
label {font-size:12px}
select {font-size:12px;padding:2px;}
textarea {min-height: 75px;font-size:12px;height:17px; padding:2px}

.htmlContent {padding: 0px 0px 8px 5px;}

/* TABLE*/

table { border: solid 1px #e8eef4;border-collapse: collapse;}
table td {padding: 5px;border: solid 1px #e8eef4;}
table th {padding: 6px 5px;text-align: center; border: solid 1px #e8eef4; color: #fff; background: url(ExternalImages/menubar.png) repeat-x}
table th a:link {color: #FFF;text-decoration: underline;}
/* BUTTONS */

.buttons a, .buttons button{
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type]{
	padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}

.pointer { cursor:pointer; }

/* BUTTONS STANDARD */

button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

.flowButton
{
    background-color:#003F76;
	border:2px solid #0587a6;
    font-weight: bold;
	color:#FFFFFF;
    width: 80px;
    padding: 4px;
    height: 28px;
}

.flowReportButton
{
    background-color:#003F76;
	border:2px solid #0587a6;
    font-weight: bold;
	color:#fff;
    width: 200px;
    padding: 4px;
    height: 28px;
}
/* BUTTONS POSITIVE */

button.positive, .buttons a.positive{
	color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
.buttons a.positive:active{
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}

/* BUTTONS NEGATIVE */

.buttons a.negative, button.negative{
	color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.buttons a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}

/* ROUNDED CORNER BUTTONS */

a.button {
	background: transparent url('bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.button span {
	background: transparent url('bg_button_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
} 

/* IWR */

.IWR {width:650px;border:1px solid lightgrey;padding:4px;margin-left: auto ;margin-right: auto ;}
.IWR .title {padding:4px;text-align:left;background-color:#ffcc00;color:#aa4d08;font-weight: bold;padding: 2px 0px 0x 5px;margin: 2px 0px 0px 5px;border: none;line-height: 2em;font-family: Arial, Helvetica, sans-serif;font-size: 16px !important;}
.IWR input[type="text"] {width: 150px;border: 1px solid #ABADB3;height:17px; line-height:12.5pt; font-size:12pt; padding: 0 0 -2.5pt 0;font-weight:bold; border: 1px solid #000000;}
.IWR input[type="password"] {width: 150px;border: 1px solid #ABADB3;height:17px; line-height:12.5pt; font-size:12pt; padding: 0 0 -2.5pt 0;font-weight:bold; border: 1px solid #000000;}
.IWR input[type="submit"] {color:#aa4d08;font-weight:bold;font-size:12pt;}
.IWR label {font-size:12pt;width:200px;line-height:1.5em;}
.IWRlabel {display:block;float:left;text-align:right;}
.IWR select {font-size:12pt;}
.IWR .navigation {padding:8px;background-color:#ffcc00;}

/* MISC  */
.outline ul {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;}
.outline li {display:block;float:left;}

/* Messages */
.info {color:lightgrey;}
.confirm {color:Blue;}
.warn {color:Orange;}
.error {color:Red;}

.clear { display: block;clear: both;}

.a a:hover {text-decoration:underline;}
.title {text-align:left;font-weight: bold;padding: 2px 0px 0x 5px;margin: 2px 0px 0px 5px;border: none;line-height: 2em;font-family: Arial, Helvetica, sans-serif;font-size: 16px !important;}
.bold {font-weight:bold;}
.nobold {font-weight:normal;}
.weight600 {font-weight:600;}
.weight900 {font-weight:900;}
.displaynone {display:none;}
.underline {text-decoration:underline;}
.left {float:left;}
.cursorHand {cursor:hand;}
.leftRow{float:left}
.leftRowWithBorder {padding: 4em; margin: 0; border: solid 1px #999;  }
.left100 {float:left;height: 100%; width:400}
.left1Col { width: 100%;float:left;}
.left2Col { width: 48%;float:left;}
.left3Col { width: 33%;float:left;}
.right {float:right;}
.border {border:solid 1px lightgrey;}
.borderblack {border:solid 1px #ffffff;}
.borderbottomoutset {border-bottom-style:outset; border-width:thin;}
.borderfat {border:solid 4px lightgrey;}
.borderfocus {border-color: #ffefb5;}
.padding {padding:4px;}
.padding2 {padding:2px;}
.padding4 {padding:4px;}
.padding5 {padding:5px;}
.padding6 {padding:6px;}
.padding8 {padding:8px;}
.padding10 {padding:10px;}
.paddingright2{padding-right:2px;}
.paddingright4{padding-right:4px;}
.paddingright8{padding-right:8px;}
.paddingleft2{padding-left:2px;}
.paddingleft4{padding-left:4px;}
.paddingleft8{padding-left:8px;}
.paddingleft125{padding-left:125px;}
.paddingleft150{padding-left:150px;}
.paddingleft200{padding-left:200px;}
.paddingleft250{padding-left:200px;}
.paddingleft250ForReal{padding-left:250px;}
.paddingtop2{padding-top:2px;}
.paddingtop4{padding-top:4px;}
.paddingtop5{padding-top:5px;}
.paddingtop10{padding-top:10px;}
.paddingtop100{padding-top:100px;}
.paddingbottom2{padding-bottom:2px;}
.paddingbottom4{padding-bottom:4px;}
.margin{margin:4px;}
.norightmargin{margin-right:0px;}
.marginright3{margin-right:3px;}
.marginright{margin-right:4px;}
.marginright8{margin-right:8px;}
.marginright9{margin-right:9px;}
.marginright10{margin-right:10px;}
.paddingright250{padding-right:200px;}
.marginleft{margin-left:4px;}
.margintop{margin-top:4px;}
.marginbottom{margin-bottom:4px;}
.nooutline{outline: 0px none;}
.positionabsolute{position:absolute;}
.positionabsolutecenter{margin-left: auto; margin-right: auto; text-align:center; position:absolute; left: 150px; right: 150px;}
/*.positionabsolutecenter{margin-left: auto; margin-right: auto; text-align:center; position:absolute; }*/
.positionrelative{position:relative;} /*used to around .positionabolsolutecenter to center within a div with other floats*/
.block {display:block; }
.inline {display:inline; }
.top {vertical-align:top;}
.bottom {vertical-align:text-bottom; }
.middle {vertical-align:middle;}
.alignleft {text-align:left; }
.alignright {text-align:right; }
.aligncenter {text-align:center; }
.blank {padding:2px;}
.error {color:Red;font-weight:bold;padding:2px;}
.error ul {list-style:bullet; }
.truncate { overflow:hidden;display:block;}
.list td {padding:2px; overflow: hidden; white-space:nowrap;}
.nowrap {white-space:nowrap;}
.hidden {visibility:hidden;}
.visible {visibility:visible;}

.widthauto { width: auto; }
.width5 { width: 5px; max-width:5px; }
.width10 { width: 10px; max-width:10px;}
.width15 { width: 15px; max-width:15px; }
.width20 { width: 20px; max-width:20px; }
.width25 { width: 25px; max-width:25px; }
.width50 { width: 50px; max-width:50px; }
.width65 { width: 65px; max-width:65px; }
.width75 { width: 75px; max-width:75px; }
.width85 { width: 85px; max-width:85px; }
.width100 { width: 100px; max-width:100px; }
.width125 { width: 125px; max-width:125px; }
.width150 { width: 150px; max-width:150px; }
.width165 { width: 165px; max-width:165px; }
.width175 { width: 175px; max-width:175px; }
.width200 { width: 200px; max-width:200px; }
.width225 { width: 225px; max-width:225px; }
.width250 { width: 250px; max-width:250px; }
.width275 { width: 275px; max-width:275px; }
.width280 { width: 280px; max-width:280px; }
.width300 { width: 300px; max-width:300px; }
.width350 { width: 350px; max-width:350px; }
.width400 { width: 400px; max-width:400px; }
.width425 { width: 425px; max-width:425px; }
.width450 { width: 450px; max-width:450px; }
.width475 { width: 475px; max-width:475px; }
.width500 { width: 500px; max-width: 500px; }
.width550 { width: 550px; max-width: 550px; }
.width575 { width: 575px; max-width: 575px; }
.width600 { width: 600px; max-width: 600px; }
.width650 { width: 650px; max-width: 650px; }
.width675 { width: 675px; max-width: 675px; }
.width700 { width: 700px; max-width: 700px; }
.width775 { width: 775px; max-width: 775px; }
.width800 { width: 800px; max-width: 800px; }
.width900 { width: 900px; max-width: 900px; }
.width925 { width: 925px; max-width: 925px; }


.width1P {width:1%;}
.width2P {width:2%;}
.width3P {width:3%;}
.width4P {width:4%;}
.width5P {width:5%;}
.width10P {width:10%;}
.width15P {width:15%;}
.width20P {width:20%;}
.width25P {width:25%;}
.width30P {width:30%;}
.width35P {width:35%;}
.width40P {width:40%;}
.width45P {width:45%;}
.width50P {width:50%;}
.width52P {width:52%;}
.width53P {width:53%;}
.width55P {width:55%;}
.width60P {width:60%;}
.width65P {width:65%;}
.width70P {width:70%;}
.width75P {width:75%;}
.width80P {width:80%;}
.width85P {width:85%;}
.width90P {width:90%;}
.width95P {width:95%;}
.width100P {width:100%;}

.allheight12 { height: 12px; min-height: 12px; }
.allheight24 { height: 24px; min-height: 24px; }
.allheight48 { height: 48px; min-height: 48px; }
.minheight24 { min-height: 24px; }

.height1 { height: 1px; }
.height20 { height: 20px; }
.height25 { height: 25px; }
.height30 { height: 30px; }
.height35 { height: 35px; }
.height100 { height: 100px; }
.height125 { height: 125px; }
.height150 { height: 150px; }
.height175 { height: 175px; }
.height200 { height: 200px; }
.height225 { height: 225px; }
.height250 { height: 250px; }
.height260 { height: 260px; }
.height275 { height: 275px; }
.height300 { height: 300px; }
.height310 { height: 310px; }
.height350 { height: 350px; }
.height375 { height: 375px; }
.height400 { height: 400px; }
.height425 { height: 425px; }
.height450 { height: 450px; }
.height475 { height: 475px; }
.height500 { height: 500px; }
.height550 { height: 550px; }
.height600 { height: 600px; }
.height650 { height: 650px; }
.height700 { height: 700px; }
.highz {z-index: 1005;}

.line12 {line-height:1.2em;}
.line15 {line-height:1.5em;}
.line17 {line-height:1.7em;}
.line20 {line-height:2.0em;}
.size11 {font-size: 1.1em;}
.small {font-size:small;}
.xsmall {font-size:x-small;}
.medium {font-size:medium;}
.large {font-size:large;}
.xlarge {font-size:x-large;}

.transparent { opacity:0.4; filter:alpha(opacity=40);}

.white {color:#ffffff;}
.black {color:#000000;}
.grey {color:lightgrey;}
.darkgrey {color:darkgrey;}
.red {color:Red;}
.blue { color: #003F76;}
.orange { color: #ff7f27;}
.bgWhite { background-color: #ffffff;}
.monospace { font-family: monospace; }
.hint { color: blue; }

div.round {	-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;}

/* Remove the resizing of a textarea. */

.noresize { resize: none; }

/* Styles for popups */

.popup {background-color: #e8f7fd; border: solid 2px #6b8aa5; position: absolute;}
.popupBanner {background-color: #003c73; color: White; font-weight:700;}
.scroll {overflow: scroll;}

/* Styles for validation helpers*/

/*----------------------------------------------------------
ASP.NET MVC FRAMEWORK DEFAULT CSS CLASS NAMES
----------------------------------------------------------*/
.error,.field-validation-error{color:red}

.input-validation-valid,.field-validation-valid,.validation-summary-valid{display:none}
.input-validation-error{background-color:#fee;border:1px solid red; outline: none}
.input-validation-error:focus{outline:none}
input[type="text"].input-validation-error:focus, select.input-validation-error:focus{outline:none}
.required {color:Red; font-weight:bold; font-size:large; }

.validation-summary-errors{color:red}
.validation-summary-errors span{font-weight:700}
.validation-summary-errors ul{list-style:disc inside}
.validation-summary-errors ul li{font-weight:normal}
.validation-summary-errors ul li label, .validation-summary-errors ul li span{display:inline !important; font-weight:normal}

/* LogIn */
.login_wrapper { border: solid 1px lightgrey; background-color:lightgrey; margin: 8px; padding: 4px; height: 425px; width:950px;font-weight:bold;}
.login_fields { border: solid 1px lightgrey; margin: 4px; padding: 4px; width: 600px; height:250px;float: left;background-color:#eeeced; }
.login_fields p { padding: 4px; }
.login_fields label { margin: 20px 4px 0px 6px;}
.login_side_panel {width:300px; background-color:#eeeced;color:#000000;margin: 4px 4px 0px 0px; padding: 5px 5px 5px 5px;height:250px; font-size:14px;}
.ubc_evidence {color:Maroon;font-size:18px;font-weight:bold;}
.ubc_matters {color: DarkBlue;font-size:18px;font-weight:bold;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
	font-weight:normal;
	font-size:10px;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: normal;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}


/* Styles for editor and display helpers OLD*/
/*.display-label,.editor-label,.display-field,.editor-field {margin: 0.5em 0;}
.text-box {width: 30em;}
.text-box.multi-line {height: 6.5em;}
.tri-state {width: 6em;}*/

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
	margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
	margin:0.5em 0 0 0;
	clear: both; 
}

.text-box
{
	 width: 172px;	 
}

.Phone
{
	width: 130px;	
}

.Phone-Extn
{
	width: 50px;	
}

.text-box.multi-line
{
	height: 6.5em;
}

.tri-state
{
	width: 6em;
}

/* BEGIN Display & Edit Templates */

.requiredIndicator
{
	color:Red;
	font-weight:normal;
	font-size:10px;
}

.displayLayout
{
	/*width: 450px;
	padding:2px;*/
	font-size:12px;
	
}

.displayLabel 
{
    float: left;
	text-align: right;
	padding: 2px;
	width: 192px;
	color: #000;
	vertical-align:top;
	font-weight:normal;
}

.displayCurrent
{
    float: left;
	text-align: left;
	padding: 4px;
	padding-left:10px;
	width: 192px;
	color: grey;
	vertical-align:top;
	font-weight:bold;
}
.displayCheckBoxLabel 
{
    float: right;
	text-align: left;
	padding: 2px;
	padding-left: 4px;
	padding-top: 0px;
	vertical-align:top;
	font-weight:normal;
}

.displayField
{
	text-align: left;    
	float: left; 
	padding: 2px; 	
	/*width: 300px;*/
	color: #000;
	font-weight: bold;
	word-wrap: break-word;   
}

.displayLabelColumn
{
	text-align: left;    
	float: left; 
	padding: 2px; 	
	/*width: 202px; */	
	font-weight: bold;
	word-wrap: break-word;   
}

.displayFieldValidationNoLabel
{
	text-align: left;    	
	padding: 2px; 	
	/*width: 202px; */	
	font-weight: bold;
	word-wrap: break-word;   
}

.displayFieldValidation
{
	text-align: left; 
	float: left\0/;    	
	padding-left: 196px; 
	padding-bottom: 2px; 
	padding-right: 2px; 
	padding-top: 2px;  	
	font-weight: bold;	
	word-wrap: break-word;   
}
.displayFieldValidationPassword
{
	text-align: left; 
	float: left;    	
	padding-left: 72px; 
	padding-bottom: 2px; 
	padding-right: 2px; 
	padding-top: 2px;  	
	font-weight: bold;	
	word-wrap: break-word;   
}
.displayField input[type=text]
{
		
}

.field-small 
{
	 width: 50px;     
}

.field-medium
{
	width: 100px;
}

.field-large
{
	 width: 202px;
}


.displayField .select 
{
    border: 1px solid #ABADB3; 
	/*width: 202px;*/
	font-size:12px;
	/*height:30px;*/
	padding:2px;
	display: inline-block; 
}

.displayField .multiSelect 
{
	width: 202px;
	font-size:12px;   
	padding:2px;
	display: inline-block; 
}

/* END Display & Edit Templates */

/* Highlighting Field */

div.curFocus {
	background: #fdecb2;
	padding:2px;
}
 .tl {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../content/images/corner-topleft.jpg);
	display: none;
}
.tr {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../content/images/corner-topright.jpg);
	display: none;
}
.bl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../content/images/corner-bottomleft.jpg);
	display: none;
}
.br {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../content/images/corner-bottomright.jpg);
	display: none;
}

/*----	Telerik Grid override for common.css used by <div id="ReportPage">	----*/
#ReportPage .t-grid div.t-status
{
    display: none;
}

#ReportPage .t-grid-header .t-header,
#ReportPage .t-grid-header .t-last-header
{
    padding: .3em .6em;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-weight: normal;
    white-space:normal;
    overflow: visible;
    text-align: center;
    /*white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;*/
}

#ReportPage .t-grid-header .t-header .t-link
{
    line-height: 18px; /* due to sorting icons*/
    height: auto;
    /*height: 18px;
    display: block;
	margin: -.2em -.6em;*/
    margin: -.2em -.4em;
    /*padding: .3em 2.4em .3em .6em;*/
    padding: .2em .4em .2em .4em;
    border: 0;
}

#ReportPage .t-grid td
{
    /*padding: .25em .6em;*/
    padding:  .1em .2em .1em .2em;
    border: 0;
    vertical-align: middle;
    line-height: 1.6em;
    overflow: visible;
    text-align: center;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
}

#ReportPage .t-grid .t-group-col,
#ReportPage .t-grid .t-hierarchy-col
{
    width: auto;
}

#ReportPage .t-grid-header table,
#ReportPage .t-grid-content table,
#ReportPage .t-grid-footer table
{
	/*table-layout: fixed;*/
    table-layout: auto;
}

.selectedRow {background-color: #acd4e3;}

/*----	End of Telerik Grid override------------------------------------*/

/*------------ REPORTS CSS ---------------------------------------------*/
.btn_excel {background:#fff url(../Content/Images/24x24_excel.gif) no-repeat center 50%; font-size:small;width: 26px;height: 26px;border: none;}
.btn_csv {background:#fff url(../Content/Images/24x24_csv.gif) no-repeat center 50%; font-size:small;width: 26px;height: 26px;border: none;}
.btn_pdf {background:#fff url(../Content/Images/24x24_pdf.gif) no-repeat center 50%; font-size:small;width: 26px;height: 26px;border: none;}
.btn_print {background:#fff url(../Content/Images/32x32_printer.gif) no-repeat center 50%; font-size:small; width: 34px;height: 34px;border: none; }
.btn_printpdf {background:#fff url(../Content/Images/32x32_pdf.gif) no-repeat center 50%; font-size:small; width: 34px;height: 34px;border: none;}

/*Override IWR.css for filters*/
div[id$=ReportCriteria] label {font-size:x-small;}
div[id$=ReportCriteria] select {font-size:x-small;padding:2px; padding-top:0px;}

div[id$=ReportCriteria] .displayLayout
    {
	    width: auto;
	    /*padding:6px;*/
	    font-size:x-small;
	    float: left; 
	    display: inline-block;
    }
div[id$=ReportCriteria] .displayLabel 
    {
    	font-size:x-small;
	    float: left; 
	    display: inline-block; 
	    width: auto;
	    text-align: right;
	    padding: 6px;
    }
div[id$=ReportCriteria] .displayField
    {
    	font-size:x-small;
	    text-align: left; 
	    display: inline-block; 
	    width: auto;
	    padding: 4px; 
	    font-weight: bold;
	    white-space: nowrap; 
    }
div[id$=ReportCriteria] .displayField .select 
    {
    	width: auto;
	    height:auto;
	    padding:2px;
	    padding-top:0px;
	    display: inline-block; 
    }

div[id$=ReportCriteria] .displayField .multiSelect 
    {
	    width: auto;
	    font-size:x-small;   
	    padding:2px;
	    display: inline-block; 
    }
    
 #ReportSingleRow .displayLabel
    {
	    width: 120px;
    }
    
 #ReportSingleRow .displayField
    {
	    min-width: 90px;
    }
    
.reportButton
{
    background-color:#f2af00;
	border:1px solid #ffffff; 
    font-weight: regular;
    font-size: 11px !important;
    text-decoration: none !important;
	color:#000;
    padding: 2px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    width: 75px;
}
.flowButtonSmall
{
    background-color:#003F76;
	border:2px solid #0587a6;
    font-weight: bold;
	color:#fff;
    width: 18px;
    padding: 0px;
    height: 18px;
}

 /*------------------ REPORTS CSS END ----------------------------*/

#TreeView, .drop-container
{
    border-width: 1px;
    border-style: solid;
    width: 24em;
    float: left;
}
        
    #tvSiteMaps, .drop-container
{
    border-width: 1px;
    border-style: solid;
    width: 400px;
    float: left;
}
#TreeView
{
    height: 24em;
    padding: .5em;
}
        
#tvSiteMaps
{
    height: 850px;
    width: 450px
    padding: .5em;
}
.drop-container
{
    height: 8em;
    overflow: auto;
    margin-bottom: 1em;
    padding: .70em;
}
.pane
{
    float: left;
    margin: -2em 6em 2em 0;
}


/* fullscreen */
#fullscreen {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:white;
             background-image:none;background-position:0 0;background-repeat:repeat;margin-bottom:5px;margin-left:auto;margin-right:auto;margin-top:5px; width:2400px;}

#adminmodal {padding: 5px 10px 5px 10px;-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:white;
             background-image:none;background-position:0 0;background-repeat:repeat;margin-bottom:5px;margin-left:auto;margin-right:auto;margin-top:5px;}

/* Styles for comparison */

table.comparison { border-collapse:collapse; border:1px solid darkgray }
table.comparison tbody { font-family:verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif; font-size:9px; }
table.comparison tbody th { font-family:verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif; font-size:9px; background:#DFDFDF; font-weight:normal; border:1px solid #BBC; color:#886; padding:.3em .5em .1em 2em; text-align:right; vertical-align:top }
table.comparison thead { border-bottom:1px solid #BBC; background:#DFDFDF; font-family:Verdana }
table.comparison thead th.texttitle { text-align:left }
table.comparison tbody td { padding:0px .4em; padding-top:.4em; vertical-align:top; }
table.comparison .ambit { background-color:#e6f5fa; border:1px solid #e6f5fa; border-right:1px solid #e6f5fa; width: 65px; min-width: 65px; }
table.comparison .empty { background-color:#DFDFDF; }
table.comparison .replace { background-color:#FD8 }
table.comparison .delete { background-color:#E99; }
table.comparison .skip { background-color:#DFDFDF; border:1px solid #AAA; border-right:1px solid #BBC; }
table.comparison .insert { background-color:#9E9 }
table.comparison th.author { text-align:right; border-top:1px solid #BBC; background:#DFDFDF }
.navigatorSpan { position: relative; width: 73px; }

/* ultable considerations */

.ultable { list-style: none; margin: 0; padding: 0; }
.ultable li { clear: both; }
.ultable li.ultablehead div { background-color: #eee; font-weight: bold; height: 40px; padding-top: 10px; }
.ultable li div { display: block; float: left; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 3px 5px; }
.ultable li div.leftcell { border-left: 1px solid #eee; }
.asc{background-image:url(../content/Images/sort_asc.gif); ; background-repeat: no-repeat;display:inline-block;height:10px;vertical-align:bottom}
.desc{background-image:url(../content/Images/sort_desc.gif); background-repeat: no-repeat;display:inline-block;height:10px;vertical-align:bottom}
.fieldGroupPager{background-color:#ccc}


/*.flowContent {
margin: 0;
padding: 0;
width: 500px;
}
 
.Stepheading {
margin: 1px;
color: #fff;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:#c30;
}
.Stepcontent {
padding: 5px 10px;
background-color:#fafafa;
}*/