/*************** GLOBAL DEFAULTS **********************/

/* don't include padding-bottom in the body in case we want background colours */

body {margin: 0; padding: 7px 7px 0 7px; background: white; font-family: Arial, Helvetica, sans-serif;}
p, h1, h2, h3, h4, h5, h6 {color: black; margin: 0; padding: 0; /* text-align: left; */}
img {border: none; margin: 0; padding: 0;}

a {text-decoration: none; }
a:link {color: #003399;}
a:visited {color: #551A8B;}
a:link:hover, a:visited:hover {text-decoration: underline;}
a[href]:active {color: #cc0000;}


img.float_right {float: right; margin-left: 8px; margin-bottom: 8px;}
img.float_left {float: left; margin: 8px;}



/*************** TOP LOGO AND TEXT **********************/

.top_logo {padding: 0; margin: 0; background: url(cutec_banner.jpg) no-repeat left; height: 124px}
.top_logo h1 {font-size: 120%; padding: 0px 0px 0 0; margin: 20px 50px 0 0;color: black;
               text-align: left; font-weight: normal; /* letter-spacing: 0.25em; */ letter-spacing: 0em; background: none}
.top_logo h1.cutec {padding-top: 5px; margin-top: 0; font-weight: normal; text-align: center; font-size: 120%; letter-spacing: 0em}

/* .top_logo a { color: blue; padding: 0 10px; } */
.top_logo p {font-size: 80%;  padding: 0; /* background: white; */ text-align: right}



/*************** TOP LOGO AND TEXT **********************/
/*
.top_logo {}
.top_logo p {font-size: 80%;  padding: 5px 0;}
.top_logo p.cutec {padding: 20px 0 0 20px; color: #999999;}
.top_logo p.domain {font-size: 80%; font-weight: bold; padding: 5px 0; text-align: right;}
.top_logo a.domain {color: blue; padding: 0 10px;}
.top_logo span.domain_active {padding: 0 10px; border: #A8A8FF 1px solid; background: #DCDAFE;}
.login_box {padding: 0px 0 0 0; float: right}
.login_box p {font-size: 75%; font-weight: normal; background: white;
               color: #333333; padding: 4px 0 4px 10px; margin: 0px 0px 5px 0; border: 1px solid white;}
.login_box a {color: blue;}
*/

/*************** HORIZONTAL NAV **********************/

/*
.horiz_nav {text-align: center; padding: 0; margin: 0;}
.horiz_nav a {text-decoration: none; color: #333333;}
.horiz_nav a:hover {text-decoration: none; color: blue;}
.horiz_nav a.current {text-decoration: none; color: blue;}
.horiz_nav p {font-size: 75%; font-weight: normal; text-align: center; background: #DCDAFE;
               color: #333333; padding: 4px 10px; float: left; margin: 0px 7px 5px 0; border: 1px solid #999999;}
.horiz_nav p.user { background: #CDFABE; border: 1px solid #00C400}
*/

/*************** EXTERIOR VERTICAL NAVBAR **********************/

.vert_nav {text-align: left;}
.vert_nav p {font-weight: normal; font-size: 75%; background: #DCDAFE; padding: 2px 20px; margin-top: 3px; border: 1px solid #999999}
.vert_nav a {color: #333333;}
.vert_nav a:link:hover, .vert_nav a:visited:hover {text-decoration: none; color: blue;}
.vert_nav a.navcurrent {color: blue}

.vert_nav p.user { background: #CDFABE; border: 1px solid #00C400}
.vert_nav p.edit_link { background: white; border: 1px solid white; text-align: left; padding-bottom: 0}
.vert_nav p.edit_link a { color: blue}




/*************** LEFT INTERIOR NAVBAR (LEVEL 2 AND 3) **********************/

.sub_nav {padding: 3px 0 0px 32px; font-size: 90%; background: white;}


.sub_nav a:link {color: #003399;}
.sub_nav a:visited {color: #551A8B;}
.sub_nav a:link:hover, .sub_nav a:visited:hover {text-decoration: underline;}
/* .sub_nav a.navcurrent {color: #D423AF} */


.sub_nav td.leftnav .navlist {font-size: 85%;}
.sub_nav td.leftnav .navlist ul {margin: 0; padding: 0 3px 0 0; list-style: none; line-height: 98%;}
.sub_nav td.leftnav .navlist ul li {padding-bottom: 3px;}
.sub_nav td.leftnav .navlist ul li ul {padding-left: 1em; padding-top: 1px; list-style: none;}
.sub_nav td.leftnav .navlist ul li ul li {padding-bottom:1px;}

/* marker of current node in navbar */
.sub_nav ul.navmenu li div {padding-left: 4px;}

.sub_nav ul.navmenu li div.navcurrent {padding-left: 2px; border-left: 2px solid #0099cc;}
/* #navbar_left ul.navmenu li div.navcurrent a {color: #cc3333;} */
.sub_nav li {padding: 1px 0 1px  0;}
.sub_nav td.leftnav li ul li { font-size: 90%;}



/*************** LEFT COLUMN AND LEFT BOX **********************/


.left_box_header {background: #ECEDE8; padding: 0 0 0px 10px;
                  margin: 10px 0 0 0; border: solid #A8A8FF 1px; border-width: 1px 1px 0 1px;}
.left_box_header h1 {color: #333333; font-size: 70%; font-weight: bold; text-transform: uppercase; padding: 2px 0;}

.left_box_content {background: /* #ECEDE8 */ white; padding: 0 0 10px 10px; margin: 0;
                   border: solid #A8A8FF 1px; border-width: 1px 1px 1px 1px}
.left_box_content p {padding: 5px 0 0 0; font-size: 75%}
.left_box_content p.act_date {text-align: right; padding-right: 10px; padding-top: 0;}
.left_box_content h2 {padding: 7px 0 5px 0; font-weight: normal; font-size: 80%;}
.left_box_content a:visited {color: blue;}

.content .left_box_header h1 {font-family:Arial,Helvetica,sans-serif; color: #333333; font-size: 70%; font-weight: bold; text-transform: uppercase; padding: 2px 0;}




/*************** FOOTER **********************/

.footer {padding: 80px 0 5px 220px;}
.footer p.info{text-align: left; padding: 10px 0 0 0; font-size: 70%; color: #666666;}



/*************** QUOTES ********************/


#quote_box {width: 250px; float: right; border: 1px solid blue; margin: 20px 100px 20px 20px; padding: 0 0 10px 10px}
#quote_box p {padding: 10px 10px 0 0; margin: 0;}






/*************** CUTEC FRONTPAGE WELCOME **********************/
.cutec_welcome {padding: 0;}
.cutec_welcome h1 {padding-top: 0px;}
.cutec_welcome p.slogan {font-size: 80%; font-style: italic; text-align: right; padding: 0 20px 0 0;}

/* A div is used instead of <hr> because of problematic styles associated with the hr tag */
.cutec_welcome div.hr {margin: 3px 0 0 0;  padding: 1px 0 0 0;
                       border-top: solid 1px blue; border-bottom: solid 2px #ECECE8;}



/*************** CUTEC GENERAL INFO **********************/
#general_info {padding: 20px 0 0px 0; background: #EAEAFF;}
#general_info p.content {padding: 20px 0 0 10px; font-size: 70%;}







.table_prices {padding-top: 10px}


.table_prices tr.top {background: #003399;}
.table_prices tr.top p {color: white; font-weight: bold;}
/* .table_prices tr.top {background: red;} */

.table_prices p {padding: 5px; margin: 0}


.table_prices td.early {background: #DDDDDD; text-align: center;}
.table_prices td.late {background: #EEEEEE; text-align: center;}




.table_agenda {padding-top: 20px;}

.table_agenda p {padding: 5px 10px; margin: 0;}
.table_agenda p.left {text-align: left;}

.table_agenda tr.break {background: #C0C0C0}
.table_agenda tr.title {background: #4F81BD;}
.table_agenda tr.title p {color: white; font-weight: bold}

.table_agenda td.blank {background: white}
.table_agenda td.ball_room {background: #CFE2FE}
/* .table_agenda td.newton_room {background: #FFFF99} */
.table_agenda td.newton_room {background: #C0C0C0}
.table_agenda td.showcase {background: #C0C0C0; text-align: center;}

.table_agenda td.third_room {background: #88E188}
.table_agenda td.fourth_room {background: #F4C89B}



.table_panel {}
.table_panel p {padding: 5px 10px; margin: 0}




/* ADDITIONAL CLASSES */




.no_effect a:visited {color: black}
.no_effect a:link:hover {}
.no_effect a:visited:hover {}

.canvas_caption p {padding-left: 20px; font-style: italic; padding-top: 5px;}



/******** LIGHTBOX ****************/


#lightbox{
   background-color:#eee;
   padding: 10px;
   border-bottom: 2px solid #666;
   border-right: 2px solid #666;
   }
#lightboxDetails{
   font-size: 0.8em;
   padding-top: 0.4em;
   }

/* add styles here for the lightbox caption */
#lightboxCaption{ float: left; font-size: 90%; font-family: verdana;}

#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }