/**********  Overall  **********/
html, body, h1, h2, h3, h4, p, ul, ol, li {
margin: 0;
padding: 0;
}

body {
background-color: #FFF;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 101%;
text-align: center;/*IE_quirks*/
}

img { 
border: none;
page-break-inside: avoid;
}

.border { border: 1px solid #000; }

hr { display: none; }

span.invis { display: none; }

.invis { display: none; }


/********** Buttons **********/

.btngrey {
color: #333;
text-align: center;
margin: 0;
padding: 1px 6px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_button_grey.jpg") left top repeat-x #FFF; /*light grey metallic*/
cursor: pointer;
}

.btnblue {
color: #333;
text-align: center;
margin: 0;
padding: 1px 6px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_button_blue.jpg") left top repeat-x #FFF; /*light blue metallic*/
cursor: pointer;
}

.btnyellow {
color: #333;
text-align: center;
margin: 0;
padding: 1px 6px;
border: 1px solid #888;
background: url("../images/global/bg_button_yellow.jpg") left top repeat-x #FFE794; /*yellow metallic*/
cursor: pointer;
}


/********** Input **********/

label {
font-weight: bold;
color: #333;
padding: 0;
text-align: right;
float: left;
width: 110px;
margin-right: 10px;
}

.input {
text-align: left;
margin: 0;
padding: 0 0 15px 0;
background-color: transparent;
}

#content .input_btnline {
text-align: left;
margin: 0 0 0 120px;
padding: 0;
background-color: transparent;
}

input.def_textbox {
margin: 0;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 3px;
color: #000;
height: 18px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

input.textbox_userlogin {
margin: 0;
background: url("../images/global/textbox_loginuser.gif") left top no-repeat #FFF;
padding-left: 20px;
color: #000;
width: 150px;
height: 18px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

input.textbox_pwlogin {
margin: 0;
background: url("../images/global/textbox_password.gif") left top no-repeat #FFF;
padding-left: 20px;
color: #000;
width: 150px;
height: 18px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

.def_textarea {
margin-top: 2px;
background-color: #FFF;
padding-left: 1px;
border: 1px solid #999;
color: #333;
}

#def_select {
font-size: 85%;
}

/* be nice to Opera. */
html>body #def_select { font-size: 100%; }


/********** Fieldsets **********/

#fs_def { /* fieldset without legend: fits for all browsers */
font-size: 80%;
color:#666;
margin: 0;
padding: 5px 10px 10px 10px;
border: 1px solid #C0C0C0;
background-color:#FFFFFF;
}

#fs_settings {
font-size: 80%;
color:#666;
margin: 0;
padding: 5px 10px 10px 10px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_fsetsettings.jpg") top right #F3F8FE;
}

#fs_login { /* fieldset without legend: fits for all browsers */
font-size: 80%;
color:#666;
margin: 0;
padding: 10px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_fsetlogin.jpg") top right #F3F8FE;
}

#fs_pagenav {
font-size: 80%;
text-align: center;
color:#666;
margin: 0px 0px 20px 0px;
padding: 5px 10px 10px 10px;
border: 1px solid #C0C0C0;
background-color: #F3F8FE;
}

#fset_admin {
font-size: 80%;
color: #000;
margin: 10px 0px 10px 0px;
padding: 5px 15px 5px 15px;
border: 1px solid #999;
background: url("../images/global/bg_fieldset.png") top left no-repeat #FFF;
}

#fset_admin label.labeladmin {
font-weight: bold;
color: #333;
padding: 0;
text-align: right;
float: left;
width: 150px;
margin-right: 10px;
}

#def_legend {
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #CC6600;
padding: 0;
}

/********** Divs **********/

#wrapper {
margin: 0 1px;
background-color: transparent;
color: #000;
text-align: left; /*Stop IE_quirks in BODY*/
}

#top {
position: relative;
margin: 4px 0 8px 0;
background-color: #FFF;
color: #000;
height: 25px;
}

#lab {
position: absolute;
left: 0px;
color: #888;
padding: 0;
text-align: left;
}

#breadcrumb {
position: relative;
margin: 12px 0 0 0;
padding: 0;
text-align: left;
}

#popupbar {
background: url("../images/global/bg_portlethead.jpg") left top no-repeat #CADEF9;
margin: 10px 2px 10px 2px;
padding: 3px 3px 3px 8px;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #346BAB;
text-align: left;
}

#popupbarerror {
background: url("../images/global/bg_portletheaderror.jpg") left top no-repeat #CD9C9D;
margin: 10px 2px 10px 2px;
padding: 3px 3px 3px 8px;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #346BAB;
text-align: left;
width:95%;
}

#popupbar .popupheader, #popupbarerror .popupheader {
background: url("../images/global/icon36_notes.gif") 0px 50% no-repeat transparent;
font-family: Georgia, "Times New Roman", Times, serif;
color: #444;
font-size: 110%;
margin: 0;
padding: 0 0 0 20px;
z-index:200;
}

#content {
position: relative;
margin: 0 0 5px 0;
padding: 0;
background-color: transparent;
border: 1px solid #FFF;
}

#news {
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px dotted #C0C0C0;
}

#announcement {
color: #444;
margin: 18px 0 10px 0;
padding: 10px 10px 10px 35px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_announcement.jpg") top left no-repeat #E9F2FE;
}

#gallery {
position: relative;
width: 98%;
margin: 10px 0 10px 0;
border: 1px solid #FFF;
}

#imggal img { padding: 22px 0px 0px 23px; }

#def_bar200 {
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
color: #222;
margin: 15px 0 15px 0;
padding: 0 2px 0 5px;
border-bottom: 1px dotted #800080;
background-color: #F6EAF6; 
}

#def_bar500 {
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
color: #222;
margin: 15px 0 15px 0;
padding: 0 2px 0 5px;
border-bottom: 1px dotted #996600;
background-color: #F0D8C2; 
}

#iconauthoring, #iconlibrary, #iconauthoringnavi {
float: left;
margin: 0;
padding: 2px;
height: 70px;
width: 70px;
background-color: transparent;
}

#iconmsgboards {
float: left;
margin: 0;
padding: 2px;
height: 78px;
width: 70px;
background: transparent;
}

#iconauthoring { background: url("../images/global/icon48_authoring.gif") 1px 10px no-repeat; }
#iconlibrary { background: url("../images/global/icon48_library.gif") 1px 10px no-repeat; }
#iconauthoringnavi { background: url("../images/global/icon48_authoringnavi.gif") 1px 10px no-repeat; }
#iconmsgboards { background: url("../images/global/icon48_boards.jpg") 1px 10px no-repeat; }

#iconinfo, #iconimage, #iconstaff {
position: relative;
float: right;
height: 50px;
width: 50px;
z-index: 200;
margin: -50px 0 0 0;
}

#iconuploadimage, #iconuploaddoc {
position: relative;
float: right;
height: 50px;
width: 50px;
z-index: 200;
margin: -50px 0 0 0;
}

#iconinfo { background: url("../images/global/icon48_info.gif") right top no-repeat transparent; }
#iconimage { background: url("../images/global/icon48_image.gif") right top no-repeat transparent; }
#iconstaff { background: url("../images/global/icon48_staff.gif") right top no-repeat transparent; }
#iconuploadimage { background: url("../images/global/icon48_uploadimage.gif") right top no-repeat transparent; }
#iconuploaddoc { background: url("../images/global/icon48_uploaddoc.gif") right top no-repeat transparent; }

#iconerror {
position: relative;
background: url("../images/global/icon48_error.gif") right top no-repeat transparent;
float: right;
height: 50px;
width: 50px;
z-index: 200;
margin: -51px 10px 0 0;
}

#adminmsg {
color: #3971C6;
text-align: left;
margin: 5px 0px 10px 0px;
border: 1px solid #3971C6;
padding: 10px;
}

#footer {
text-align: left;
background-color: #FFF;
padding: 0 0 5px 0;
margin: 15px 0 0 0;
border-top: 1px solid #C0C0C0;
clear: both;
}


/********** Links **********/

a:link {
color: #227EE9;
text-decoration: none;
border-bottom: 0px dotted #227EE9;
}
		
a:visited {
color: #227EE9;
text-decoration: none;
border-bottom: 0px dotted #227EE9;
}
		
a:hover {
color: #227EE9;
text-decoration: none;
border-bottom: 1px dotted #227EE9;
}

a.logout, a.logout:visited  {
background: url("../images/global/icon16_logout.png") 0px 50% no-repeat; padding: 0 0 0 20px;
text-decoration: none;
border-bottom: none;
}

a.logout:hover { color:#CC0000; }

#imggal a {
position: relative;
float: left;
text-align: center;
margin: 10px 10px 0 0;
color: #000;
width: 100px;
height: 127px;
border: 1px solid #FFF;
}

#imggal a.imggal:link { text-decoration:none; background: url("../images/global/bg_imagethumb0.png") top left no-repeat; }
#imggal a.imggal:visited { text-decoration:none; background: url("../images/global/bg_imagethumb0.png") top left no-repeat; }
#imggal a.imggal:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalcrl:link { text-decoration:none; background: url("../images/global/bg_imagethumbcrl0.png") top left no-repeat; }
#imggal a.imggalcrl:visited { text-decoration:none; background: url("../images/global/bg_imagethumbcrl0.png") top left no-repeat; }
#imggal a.imggalcrl:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalsv:link { text-decoration:none; background: url("../images/global/bg_imagethumbsv0.png") top left no-repeat; }
#imggal a.imggalsv:visited { text-decoration:none; background: url("../images/global/bg_imagethumbsv0.png") top left no-repeat; }
#imggal a.imggalsv:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalcrlsv:link { text-decoration:none; background: url("../images/global/bg_imagethumbcrlsv0.png") top left no-repeat; }
#imggal a.imggalcrlsv:visited { text-decoration:none; background: url("../images/global/bg_imagethumbcrlsv0.png") top left no-repeat; }
#imggal a.imggalcrlsv:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalhd:link { text-decoration:none; background: url("../images/global/bg_imagethumbhd0.png") top left no-repeat; }
#imggal a.imggalhd:visited { text-decoration:none; background: url("../images/global/bg_imagethumbhd0.png") top left no-repeat; }
#imggal a.imggalhd:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalcrlhd:link { text-decoration:none; background: url("../images/global/bg_imagethumbcrlhd0.png") top left no-repeat; }
#imggal a.imggalcrlhd:visited { text-decoration:none; background: url("../images/global/bg_imagethumbcrlhd0.png") top left no-repeat; }
#imggal a.imggalcrlhd:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

a.excel, a.excel:visited {
text-decoration: none;
border: none;
color:#145000;
}

a.excel:hover {
text-decoration: none;
border: none;
color:#508D21;
}

a.rss {
background: #fff url() 0 0 no-repeat;
padding-left: 0px;
border-bottom: 0px dotted #227EE9;
}

a.rss:hover {
color: #ed6c1f;
border-bottom: 0px dotted #227EE9;
}


/********** Text **********/

p, li, td  {font-size: 80%;}

p, li {
line-height: 150%;
margin: 5px 0px 10px 0px;
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.red { color: #FF9900; }

#lab p {
font-size: 110%;
font-weight: bold
}

#breadcrumb p {
font-weight: normal;
font-size: 70%;
color: #888;
}

#content acronym { cursor: help; border-bottom: 1px dashed #333; }
#content abbr { cursor: help; border-bottom: 1px dashed #333; }

#content cite { font-style: italic; }

#content .clearall { height: 0; width: auto; overflow: hidden; float: none; clear: both; }
#content .sorry { color: #CC6600; }
#content .published { color:#999999; }
#content .showhidelist { margin: 0 0 2px 20px; padding: 2px; border-bottom: 2px dotted #C0C0C0; }
#content .showhidelist2 { margin: 0 0 2px 20px; padding: 2px; border-bottom: 2px dotted #C0C0C0; background-color:#F2F2F2; }

#content .cntdate { font-size: 70%; color: #666; margin: 0px 0px 0px 0px; }
#content .shownews { background: url(""); padding-left: 0; }
#content .readarticle { background: url(""); padding-left: 0; }
#content .newdoc { background: url(""); padding-left: 0; }
#content .editdoc { background: url(""); padding-left: 0; }
#content .deletedoc { background: url(""); padding-left: 0; }
#content .viewdoc { background: url(""); padding-left: 0; }
#content .internal { background: url(""); padding-left: 0; }
#content .zoomin { background: url(""); padding-left: 0; }
#content .exporttoexcel { background: url(""); padding-left: 0; height: 40px; }


#content .table { border: 1px solid #999; border-collapse: collapse; empty-cells: show; speak-header-cell: once; }
#content caption { text-align: center; color: #444; font-size: 95%; padding-bottom: 10px; }
#content td { vertical-align: top; border: 1px solid #999; padding: 3px; }
#content .tblhead { font-weight: bold; color: #444; background-color: #D0D5DC; padding-bottom: 5px; }
#content .tblhead_list { font-weight: bold; color: #444; border: 0px solid #FFF; border-bottom: 1px solid #999; background-color: #D0D5DC; padding-bottom: 5px; }
#content .tblrow_list0 { vertical-align: top; border: 0px solid #FFF; border-bottom: 1px dotted #C0C0C0; padding: 4px; background-color: #FFF; }
#content .tblrow_list1 { vertical-align: top; border: 0px solid #FFF; border-bottom: 1px dotted #C0C0C0; padding: 4px; background-color: #EEE; }

#content .staffmemberdatarow0 { display: block; padding: 2px; }
#content .staffmemberdatarow1 { display: block; padding: 2px; background-color: #EDEDED}

#content .note1, #content .note2 {
font-weight: bold;
font-style: italic;
}
#content .note1 { color: #990000; }
#content .note2 { color: #3300CC; }

#content .infomsg {
color: #333333;
text-align: left;
padding: 10px;
border: 1px solid #4896FF;
background: url("") #FFF;
font-weight: bold;
}

#content .alertmsg {
color: #FF5100;
text-align: left;
padding: 10px;
border: 1px solid #FF5100;
background: url("") #FFF;
font-weight: bold;
}

#content img.left { float: left; margin-right: 3px; border: 1px solid #999999; }
#content img.right { float: right; margin-left: 3px; border: 1px solid #999999; }
#content img.leftnob { float: left; margin-right: 3px; }
#content img.rightnob { float: right; margin-left: 3px; }

#content p.aboutcrl { line-height: 1.3em; }

#news p { line-height: 1.3em; margin: 0; }
#news .cntdate { font-size: 0.7em; color: #666; margin: 0; }


#footer p {
font-size: 0.7em;
color: #666;
}


/********** Headings **********/

#content h1, h2, h3, h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0;
padding: 0;
}
		
#content h1 {
color: #222;
font-size: 160%;
letter-spacing: 2pt;
border-bottom: 1px solid #C0C0C0;
padding-bottom: 5px;
margin: 20px 0 10px 0;
}
		
#content h2 {
color: #222;
font-size: 140%;
letter-spacing: 1pt;
margin-top: 20px;
}
		
#content h3 {
color: #888;
font-size: 120%;
letter-spacing: 1pt;
margin-top: 20px;
}

#content h4 {
color: #888;
font-size: 95%;
letter-spacing: 1pt;
margin-top: 20px;
}

/********** Lists **********/
		
#content ol, ul { margin: 5px 0 0 20px; padding: 0; }
#content li { list-style-type: disc; margin-left: 30px; }
#content ul ul { font-size: 120%; }
#content li.li2 { list-style-type: circle; }


/********** hidden Divs **********/

#footerscreen { display: none; }
#header { display: none; }
#logo { display: none; }
#theme { display: none; }
#mainmenubar { display: none; }
#menu { display: none; }
#search { display: none; }
#leftbar { display: none; }
#rightbar  { display: none; }


/********** Workshop Registration **********/
#content fieldset.fsetregister {
font-size: 90%;
color: #000;
margin: 10px 0px 10px 0px;
padding: 5px 15px 5px 15px;
border: 1px solid #999;
background: url("../images/global/bg_fieldset.png") top left no-repeat #EAEAEA;
}

#content fieldset p { font-size: 101%; }

#content legend.legendregister {
font-size: 110%;
font-weight: bold;
color: #CC6600;
}

#content label.labelregister {
font-weight: bold;
color: #333;
padding: 0;
text-align: right;
float: left;
width: 7.5em;
margin-right: 10px;
}

#content .input_register {
text-align: left;
margin: 8px 0 8px 0;
padding: 0px 0 5px 25px;
background-color: transparent;
}

#content .textbox_register {
margin-top: 2px;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 3px;
color: #000;
width: 60%;
height: 17px;
border-bottom: 1px solid #CDD2D5;
border-right: 1px solid #CDD2D5;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
vertical-align: middle;
}

#content .textbox_register_locked, #content .textbox_register_lockedYes, #content .textbox_register_lockedNo {
margin-top: 2px;
background-color: #F2F2F2;
padding-left: 1px;
width: 60%;
height: 17px;
border: 1px solid #999;
font-size: 101%;
vertical-align: middle;
}

#content .textbox_register_locked { color: #333; }
#content .textbox_register_lockedYes { color: #009900; }
#content .textbox_register_lockedNo { color: #FF0000; }

#content .textarea_register {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 101%;
margin-top: 2px;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 1px;
color: #000;
width: 60%;
border-bottom: 1px solid #CDD2D5;
border-right: 1px solid #CDD2D5;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

#content .textarea_register_locked, #content .textarea_register_lockedYes, #content .textarea_register_lockedNo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin-top: 2px;
background-color: #F2F2F2;
padding-left: 1px;
width: 60%;
border: 1px solid #999;
color: #333;
}

#content .textbox_random {
margin-top: 2px;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 3px;
color: #000;
width: 50px;
height: 17px;
border-bottom: 1px solid #CDD2D5;
border-right: 1px solid #CDD2D5;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

#content select.select_register {
background-color: #FFF;
padding: 0;
margin: 0;
height: 17px;
}

#content .random {
color: #CC6600;
font-size: 160%;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: bold;
}

#content .asterisk {
color: #CC6600;
font-weight: bold;
}

#iconregister, #iconregerror, #iconregsuccess {
position: relative;
float: left;
margin: 0;
padding: 2px;
height: 70px;
width: 70px;
background-color: transparent;
}

#iconregister { background: url("../images/global/icon55x55_register.png") 0 50% no-repeat #FFF; }
#iconregerror { background: url("../images/global/icon55x55_regerror.png") 0 50% no-repeat #FFF; }
#iconregsuccess { background: url("../images/global/icon55x55_regsuccess.png") 0 50% no-repeat #FFF; }

#content .red { color:#FF0000; }