@charset "utf-8";
@import "print.css" print;
/* CSS Design by Greg Arnott
Copyright 2009 Greg Arnott. */

* {margin: 0; padding: 0;}
img {border: 0;}
html { min-width: 980px;}
/* Layout divisions ==================================================== */

body {
	text-align: center;
	background: #fff;
	color: #222;
	font: small/18px Arial, san-serif;
	background: transparent url(../img/slice.png) repeat-x;
}
div#wrap {
	color: #222;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}


div#content {
	width: 100%;
	padding-top: 10px;
}

div#left-container {
	float: left;
	display: inline;
    background-color:white;
    width: 218px;
    border: 1px black solid;
	padding: 5px 0;
}

div#main-content {
    width: 735px;
    background-color: #fff;    
    margin-left: 230px;
    border: 1px black solid;
    padding: 5px 0 5px 5px;
	overflow: hidden;
}
	
div#fixed, div#dynamic, div#tabs, div#toolbar {
	clear:left;
}
div#fixed {
	overflow:auto;
}
/* Links - Default ======================================================== */

a:link, a:visited, a {
	font-weight : bold; 
	text-decoration : none;
	color: #222;
	background: transparent;
	cursor: pointer;
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #666;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #222;
	background: transparent;  
	}

div#main-content a:link, div#main-content a:visited, div#main-content a, div#main-content a:hover, div#main-content a:active {
	text-decoration : underline;
	}
#logform a{
    text-decoration : underline;
    float:right;
    font-size:12px;
}
/* Typography ========================================================== */

h2 {
	color: #00008E;
	font-size: 14px;
	width: 100%;
	border: 1px solid #222;
	border-left: 0;
	border-right: 0;
	margin-bottom: 5px;
	padding-left: 5px;
	background: #DFE5FF;
}
	
h3, h4, h3 a	{
	line-height: 1.2em;
	margin: 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #222;
}


p, td, label, dd, dt {
	margin: 0 0 1em 0;
	line-height: 140%;
	font-size: 10px;
}

p {
	margin: 0 1em 1em 1em;
}

li {
	font-size: 10px;
}
dl {
	margin-left: 20px;
}

dt {
	font-weight: bold;
	font-size: 11px;
	color: #000;
}

ul {
   list-style: none;
}

ol{
	list-style: decimal;
	margin-left: 20px;
} 

blockquote {
	margin: 5px;
}

.lft{
	text-align: left;
}
.rgt {
	text-align: right;
}
.cnt {
	text-align: center;
}
.hidden {
	display: none;
}
.f_rgt {
	display: inline;
	float: right;
}
.f_lft {
	display: inline;
	float: left;
}
.p_rgt {
	position: relative;
	right: 10px;
	top: 0;
}
.p_lft {
	position: absolute;
	left: 10px;
	top: 0;
}
.error {
	color : #FFFFFF;
	font-weight: bold;
	background: #FF1111;
	font-size : 12px;
	width: 684px; /* to make it sit nicely */
}
div#returnMessage .error {
	width: 330px; /* to make it sit nicely */
}
/* Input/Forms ==================================================== */

.txt, .shorttxt,.mediumtxt, .longtxt, .extralongtxt, select, input[type=file] {
	background: #f3f3ff;
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	width: 140px;
	font-size: 10px;
	border-color: #222 #ccc #ccc #222;
	border-style: solid;
	border-width: 1px;
}

input.optextra, select.optextra {
    width: 250px;
}
textarea.optextra {
    width: 250px;
    height: 110px
}

.admintextarea {
  /* Spaces to enter big text. */ 
  height : 100px;
  width  : 630px;
}

.admintextareastyle {
    height : 150px;
    width  : 620px;
    background: #f3f3ff;
    display: inline;
    margin-left: 5px;
    padding-left: 5px;
    font-size: 10px;
    border-color: #222 #ccc #ccc #222;
    border-style: solid;
    border-width: 1px;
}


.adminlongtxt {
  /* Spaces to enter big text. */
  height : 15px;
  width  : 486px;
}
li.admintextareali {
   display: block;
   height : 125px;
   width : 670px;
   text-align: left;
}
li.adminlongtxtli {
   display: block;
   height : 20px;
   width : 670px;
}
li.admintextareali b{
   display: block;
   margin-left:10px;
}
ul.admintextareaul {
    height: 800px;
}
.mediumtxt {
    width: 180px;
}
.longtxt {
    width: 250px;
}
.extralongtxt {
    width: 350px;
}
.shorttxt {
	width: 110px;
}

select {
	height: 20px;
	width: 148px;
}

input[type=file] {
	width: 148px;
}

option {
	padding-left: 5px;
	font-size: 10px;
}

label {
	text-transform: uppercase;
	font-size: 10px;
	padding: 0 5px;
}

form li {
	line-height: 24px;
	height: 24px;
	text-align: right;
	margin: 0 2px;
	padding-right: 5px;
}

input.narrow {
	width: 50px;
	display: inline;
}

textarea {
	height: 80px;
	width: 200px;
	overflow: auto;
    font-size: 10px;
    font-family:Verdana,Arial,sans-serif;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #9F391D;
	color : #9F391D;
}

.validation-advice, .custom-advice {
	background-color: #9F391D;
	color : #FFF;
	font: 10px/10px bold Verdana, san-serif;
	text-decoration: none;
	padding: 1px 0;
}

div.time {
    display: inline-block;
    width: 150px;
}
.timeMinutes {
    width: 20px;
}

.timeHours {
    width: 20px;
}

/* Header ============================================================== */


div#header {
	width: 974px;
	height: 103px;
	border: 1px solid #000;
	background: #dfe5ff url(../img/logo.gif) left top no-repeat;
}

h1 {
	display: none;
}

div#who {
	height: 50px;
	margin-left: 700px;
	width: 250px;
	text-align: right;
	padding:  5px 0;
}

div#who h5 {
	line-height: 18px;
	font-size: 10px;
	color: #000;
	font-weight: normal;
}

div#who h5 span {
	font-weight: bold;
	font-size: 12px;
}

div#who h6 {
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

div#headsearch {
	margin-left: 600px;
	line-height: 20px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
}

/* Head Navigation ====================================================== */

div#headnav	{
	height: 20px;
	width: 100%;
	background: #fff;
	width: 980px;
	}

div#headnav ul#headmenu	{
	height: 20px;
	width: 600px;
	position: relative;
	}

div#headnav ul#headmenu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#headmenu li, ul#headmenu a {
	height: 20px;
	display: block;
	text-align: center;
	}
	
div#headnav ul#headmenu li a {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	width: 100px;
	}
	
div#headnav ul#headmenu li a:hover {
	text-decoration: none;
	color: #006;
	background: #dfe5ff;
	}

#hd1	{left:   0px;}
#hd2	{left: 100px;}
#hd3	{left: 200px;}
#hd4	{left: 300px;}
#hd5	{left: 400px;}
#hd6	{left: 500px;}

/* ********************************* Left-container ********************************* */
#login-form {
    height: 150px;
	overflow: hidden;
	padding: 5px;
}
#news-form {
    height: 350px;
	overflow: hidden;
	padding: 5px;
}

/* ********************************* main-content ********************************* */
.alt {
	background: #ddd;
}

.alt2 {
	background: #DFE5FF;
	border: 1px solid #eef;
}

.noAlt {
    background: #ffffff;
}

tr.alt2 td {
	padding: 5px 0;
}
#search-form {    
    /*height: 90px;*/
}
#searchresults-form table {
	width: 700px;
}
#searchresults-form th, #searchresults td {
	width: 200px;
}
#main-content #searchresults-form th + th,#main-content #searchresults td + td {
	width: 80px;
}
#searchresults {
    overflow: auto;
}
#main-content td a img {
	float: left;
	display: inline;
}

.registration-form {
    display: none;
}

.previewFieldset {
    margin-left: 50px;
    padding: 10px;
    width: 200px;
    height: 200px;
    overflow:hidden;
    border: silver 1px solid;
}
.preview {
    width: 200px;
    height: 180px;
    overflow:hidden;
}

.mainContentWaiter {
    border: 1px solid silver;
    margin: 10px;
}

/* ********************************* registration steps ********************************* */
.rightColumn {
    float:right;
    display: inline;
    padding-right: 20px;
}

.leftColumn {
    float:left;
    display: inline;
    margin-right: 20px;
}

.leftColumn table {
	/* Had to make room for helpbuble!!! width: 250px;*/
	width: 260px;
}

.leftColumn table .setsz {
	width: 90px;
}

.attendeeHeading {
    background: #DFE5FF;
    text-align: center;
    padding: 0 4px;
    border: 1px solid #222;
    font-size: 10px;
    font-weight: bold;
    height:24px;
    line-height:20px;
    color:#00008E;
    width: 390px;
}
.attendeeRows {
    width:390px;
    text-align:right;
}
.attendeeRowsFull {
    width:690px;
    text-align:center;
}

a.attLink {
    font-size: 12px;
}

.attendeeRowsLeft {
    float:left;
    text-align:right;
}

.attendeeBtns {
    float: right;
}
.attendeeBox {
	overflow: hidden;
    border: 1px dashed #DFE5FF;
}

.bookAttend {
    width:140px;
}

h4 {
    height: 25px;
    border: 1px solid black;
	background: #fff url(../img/tab.gif) top repeat-x;
	color: #00008E;
	padding-left: 10px;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	width: 95%;
}

.people-details {
    /*overflow: auto;*/
}

div#main-content li .chk {
	margin-right: 133px;
	margin-left: 5px;
}

#main-content ul {
	float: left;
	display: inline;
}

.halfWidth{
  width : 340px;
  overflow:visible;
}
div#main-content td {
	vertical-align: top;
	text-align: left;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
}

div#main-content th, tableHeaderDiv {
    line-height: 20px;
	vertical-align: top;
	height: 24px;
	background: #DFE5FF;
	text-align: center;
	padding: 0 4px;
	border: 1px solid #222;
	font-size: 10px;
	font-weight: bold;
	color: #00008e;
}

#registration-steps {
    border: 1px solid black;
}

/* modal windows */
.title-popup {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
    color: #222;
}
.password-popup, .newAccount-popup, .returningCustomer-popup, .waitbar-popup {
    background-color: white;
    border: 1px black solid;
}

.message {
   color:#FF0000;
}

#main-content table li {
	text-align: right;
}

/* ********************************* auto completer ********************************* */

div.autosuggest {
    position:relative;
    *position:static;
}

ul.autocompleter-choices {
    position: relative;    
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #7c7c7c;
    border-left-color: #c3c3c3;
    border-right-color: #c3c3c3;
    border-bottom-color: #ddd;
    background-color: #fff;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    z-index: 50;
    background-color: #fff;
}

ul.autocompleter-choices li {
    position: relative;
    margin: -2px 0 0 0;
    padding: 0.2em 1.5em 0.2em 1em;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1em;
    line-height: 1.5em;
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color: #444;
    color: #fff;
}

ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #9FCFFF;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #9F391D;
	color : #9F391D;
}

.validation-advice, .custom-advice {
	background-color: #9F391D;
	color : #FFF;
	font: 10px/10px bold Verdana, san-serif;
	text-decoration: none;
	padding: 1px 0;
}

#subContainer {
	padding : 5px;
	overflow : auto;
	text-align: left;
}

/* ********************************* ScrollBox ********************************* */
div.scrollBox {   
    background: #F3F3FF none repeat scroll 0 0;
    border: 1px solid silver;
    overflow: auto;
}
ul.scrollBox {
    overflow:auto;
}
div.scrollBox div {
    clear: both;    
}
.scalt {
    background-color:#ffffff;
}
div.scrollBoxContent {
    float: left;
    overflow:hidden;
    margin-bottom: 10px;
}
div.scrollBoxContent span {
    padding-left: 3px;
    display:inline-block;
    overflow:hidden;
    text-align:left;
    float:left;

}

#optionalExtras {
    margin-bottom: 30px;
    margin-left: 10px;
}
.optExtrasReg {
    width: 410px;
}
/* ********************************* tooltip ********************************* */
.myStylePointy {
    position: absolute;
    top: -15px;
    left: 165px;
    z-index:99999;
}
.helpSystem {
    position: absolute;
    /*top: -17px;
    left: 22px;*/
    z-index:99999;
    font-weight: normal;
}

.pointyWrap {
    position: relative;
    /*display: inline;*/
    top:-15px;
    vertical-align: bottom;
    
}

/* Email template editor ************************************************** */
.templateTextArea {
    width: 700px;
    height: 450px;
}

/* ********************************* tabs ********************************* */
.tabs {
   display: block;
   background: #fff url(../img/behind_tab.gif) bottom repeat-x;
   margin-bottom: 5px;
}
.tabs ul {
	clear: right;   
}
.tabs li {
    list-style: none;
    border: 1px solid #000;
    margin: 6px 5px 0 0;
    background-color: #aaa;
    float: left;
	display: inline;
	height: 24px;
	overflow: hidden;
	width: 130px;
	position : relative;
}

.tabs .selected {
    background: #fff url(../img/tab.gif) top repeat-x;
    border-bottom: 1px solid #fff;
	height: 27px;
	margin-top: 3px;
}
div#main-content .tabs li a, div#main-content .tabs li a:link,
div#main-content .tabs li a:visited, div#main-content .tabs li a:active {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0 5px;
	height: 24px;
	display: block;
	outline: none;
}
div#main-content .tabs li .selected a, div#main-content .tabs li .selected a:link,
div#main-content .tabs li .selected a:visited, div#main-content .tabs li .selected a:active {
	display: block;
	height: 27px;
}
div#main-content .tabs li a:hover {
	color: #fff;
}
div#main-content .tabs .selected a:hover {
	color: #555;
}

div#main-content .tabs a.closer{
  background:transparent url(../img/close2.gif) no-repeat scroll center top;
  float:right;
  height:12px;
  left:115px;
  margin-right:4px;
  margin-top:-22px;
  padding:0;
  position:absolute;
  width:4px;
  z-index:100;
}

/* Common ========================================================== */

table#todo th {
	cursor: pointer;
	height: 24px;
	background: #cec;
	color: #222;
	font-weight: bold;
	text-transform: uppercase;
}

.catttl {
	width: 100%;
}

.catttl h5 {
	color: #00008e;
	display: block;
	height: 15px;
	line-height: 15px;
	padding: 0 10px;
	font-size: 11px;
	background: #DFE5FF;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
}

.catcont {
	overflow: hidden;
}

.catcont li {
	line-height: 15px;
<<<<<<< .mine
	width: 80%;
=======
	width: 90%;
>>>>>>> .r2837
	padding-left: 10px;
}
 
.catcont li.here {
	background: transparent url(../img/here.gif) 2px 3px no-repeat;
}
.catcont a, .catcont a:active, .catcont a:link,.catcont a:visited {
	width: 100%;
	display: block;
	font-weight: bold;
	font-size: 11px;
	color: #222;
}

.catcont li.here a, .catcont li.here a:active, .catcont li.here a:link,.catcont li.here a:visited {
	background: #00008e;
	color: #fff;
}
.catcont a:hover {
	background: #ccc;
	color: #000;
}

.catcont li.hasTabs a {
	border  : 1px dotted #999;
}

/* group ========================================================== 
div#grpwrap {
	width: 100%;
	height: 100%;
}

div#grpwrap table {
	border: 0;
	padding: 0;
	margin: 0 auto;
	empty-cells: hide;
	width: 100%;
}

div#grpwrap td, div.grpwrap td {
	vertical-align: top;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
}

div#grpwrap th, div.grpwrap th {
    line-height: 20px;
	vertical-align: top;
	height: 24px;
	background: #fefefe;
	text-align: center;
	padding: 0 4px;
	background: #fefefe;
	border: 3px double #C1D5A8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #222;
}

.edit-profile td {
    white-space:nowrap;
}

.attendeeList {
    font-size:12px;
    margin: 10px auto;
}

.attendeeList td {
    text-align:center;
}

.you  {
	background: #C1D5A8;
	border: 1px solid #000;
	color: #000;
}

div#grpwho tr, .oth {
	background: #ddd;
	color: #222;
}

div#grpwho td {
	text-align: center;
	border: 1px solid #666;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px 2px;
}

div#grpwho td input {
	margin: 1px auto;
	padding-left: 5px;
	border: 1px solid #000;
}

table.attlst td {
	border: 1px dashed #C1D5A8;
	padding-left: 5px;
}

table.attlst td.sel {
	border: 3px ridge #576F37;
}

div#grpfrom table {
	width: 100%;
}

.grpfin1 {
	float: left;
	display: inline;
	width: 390px;
}

.grpfin2 {
	text-align: right;
	padding-top: 35px;
}

.grpfin2 ul {
	margin-top: 10px;
}

.grptog {
	width: 100%;
}

.grptog h4.step1,
.grptog h4.step2,
.grptog h4.step3,
.grptog h4.step4,
.grptog h4.step5 {
	background: transparent url(subhead_alt.gif) repeat-x scroll 0 0 !important;
	border: 1px solid #999;
	color: #333;
	padding-left: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.grptog h4 {
	display: block;
	height: 29px;
	line-height: 29px;
	overflow: hidden;
	text-indent: 0;
	width: 718px;
	margin: 2px 0 5px 0;
}

.grptog  span.pdflink {
    margin-top:3px;
    margin-right:5px;
    float:right;
    text-transform:none;

}

.s1title {
    float:left;
}

div#grpwhere .setsz {
	width: 80px;
}

div#lftfrom {
	width: 180px;
	float: left;
	display: inline;
}

div#rgtfrom {
	width: 460px;
	margin-left: 85px;
}

div#rgtfrom td.setsz {
	width: 100px;
}

div#grpwhere th {
	border: 1px solid #666;
	background: #C1D5A8;
	text-align: right;
	line-height: 20px;
	color: #000;
}

div#grpwhere td {
	border: 1px dashed #ccc;
	padding-left: 3px;
}

div#grpwho td.btntd {
	border: 0;
	background: #fff;
}

td.settd {
	width: 240px;
}
div#main-content td.settd {
  vertical-align : top;
}
div#grpwrap table#tabHold, table#tabHold td, table#tabHold tr,table#tabHold {
	margin: 0;
	padding: 0;
}
*/

#step1 table td {
	width: 250px;
	padding: 0 3px;
}

#step1 li span {
    line-height: 30px;
	height: 28px;
	display: inline-block;
	width: 100px;
	background: #00008e;
	text-align: center;
	padding: 0;
	margin-right: 10px;
	border: 1px solid #222;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#step1 li input {
	margin-bottom: 5px;
}

#step1 li a {
	margin-left: 20px;
}

.req {
	color: #7A0A0D;
	font-size: 10px;
}
.red {
	color: #7A0A0D;
	font-size: 10px;
}
span.tiny {
 font-size:9px; 
}
#thermometer {
	height: 14px;
	margin: 5px 0;
}

#thermometer span {
	height: 12px;
	width: 136px;
	float: left;
	display: inline;
	text-align: center;
	color: #222;
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #222;
	line-height: 12px;
	font-variant: small-caps;
}

#thermometer span.done {
	text-decoration: none;
	color: #fff;
	background: #00008E;
}

.customercomments {
	width: 650px;
	height: 100px;
	border: 1px solid #222;
}

#terms ul {
	float: none;
}

/* buttons *********************************************************************************************/
.btn, .btnlong {
	width: 40px;
	height: 22px;
	border: 0px;
	background: transparent url(../img/buttons.png) -72px 0px no-repeat;
	line-height: 14px;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	font-variant: small-caps;
}
.btnlong {
	width: 72px;
	background: transparent url(../img/buttons.png) 0px 0px no-repeat;
}
.btn_r {
	background: #f11;
	border-top: 2px solid #f77;
	border-left: 2px solid #f77;
	border-right: 2px solid #500;
	border-bottom: 2px solid #500;
	padding: 0 1px;
	font-weight: bold;
	cursor: pointer;
	color:#FFFFCF;
	overflow: visible; /* fix for IE */
}

.btn_g {
	background: #00B300;
	border-top: 2px solid #00E300;
	border-left: 2px solid #00E300;
	border-right: 2px solid #006B00;
	border-bottom: 2px solid #006B00;
	padding: 0 1px;
	font-weight: bold;
	cursor: pointer;
	color:#FFFFCF;
	overflow: visible; /* fix for IE */
}

/* clear *********************************************************************************************/
div.clear {
	clear: both;
	width: 100%;
	line-height: 0;
    clear:both;
    height:1px;
    overflow:hidden;
}

div.clr_line {
    clear:both;
}

/* popups *********************************************************************************************/

div.popup {
	width: 350px;
	height: 200px;
	border: 1px solid #222;
	background: #fff;
	padding: 10px;
}

/* Footer ========================================================== */

div#footwrap {
	text-align: center;
	width: 100%;
}

div#footer {
	height: 24px;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	font-size: 10px;
}

div#cbdweb {
	float: left;
	display: inline;
	width: 500px;
}

div#footnav	{
	height: 24px;
	width: 240px;
	float: right;
	display: inline;
	}


div#footnav ul#footmenu	{
	height: 24px;
	width: 240px;
	position: relative;	
	}

div#footnav ul#footmenu li {
	list-style: none;
	position: absolute;
	top: 0;
	}

ul#footmenu li, ul#footmenu a {
	height: 24px;
	display: block;
	width: 120px;
	text-align: center;
	}

div#footnav ul#footmenu li a {
	text-decoration: none;
	color: #222;
	}

div#footnav ul#footmenu li a:hover {
	text-decoration: none;
	color: #aaa;
	}

#ft1	{left:   0px;}
#ft2	{left: 120px;}


div#printcontent{
	background:#ffffff;  margin: auto; width: 974px;text-align:left;
}

.hidden {
	display: none;
}
/* div table styling */

.divtr, .divtf, .divtrh {
	/* clear: right; */
	clear: left;
}	
.divth, .divtf {
	background: #444;
	color: #fff;
}
.divtd {
	color: #322;
	background: #fff;
	
}
.divtd, .divth {
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	float: left;
	display: inline;
	padding: 0px 3px; /* 0px on top and bottom, 2 on left and right */
}
.divth.sortable {
	padding-left : 11px;
	background : #444444 url(../img/sortable.gif) no-repeat scroll 1px 5px;
	cursor: pointer;
}
.divth.sortable.dec {
	background : #666688 url(../img/sortdec.gif) no-repeat scroll 1px 5px;
}
.divth.sortable.asc {
	background : #666688 url(../img/sortasc.gif) no-repeat scroll 1px 5px;
}
.divnext, .divprev {
	float: right;
	display: inline;
	height: 20px;
	overflow: hidden;
}
.divtlinks {
	color : #222222;
	font-size: 10px;
	padding-left:5px;
}

.divtlink {
	color : #333333;
}
.divtlink.here a,.divtlink.here a:active, .divtlink.here a:link, .divtlink.here a:visited {
	color : #FFFFFF;
	background: #00008E;
}

.divprev {
	float: left;
}
.divnext.hidden, .divprev.hidden {
	visibility : hidden;
}

.divnext input, .divprev input {
	height: 18px;
	line-height: 10px;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
.altn .divtd{
	background: #ddd;
}

.left-align {
	text-align : left;
}
.right-align {
	text-align : right;
}
.center-align {
	text-align : center;
}

/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("../img/calendar/normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("../img/calendar/title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("../img/calendar/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("../img/calendar/title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("../img/calendar/title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("../img/calendar/hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("../img/calendar/active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("../img/calendar/dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("../img/calendar/dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("../img/calendar/rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("../img/calendar/hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background:  url("../img/calendar/active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("../img/calendar/status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("../img/calendar/normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("../img/calendar/hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("../img/calendar/active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("../img/calendar/dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("../img/calendar/normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("../img/calendar/hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("../img/calendar/active-bg.gif"); color: #fff;
}