html{
    color:#000;
    background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
    font-style:inherit;
    font-weight:inherit;
}
del,ins{
    text-decoration:none;
}
li{
    list-style:none;
}
caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
q:before,
q:after{
    content:'';
}
abbr,acronym{
    border:0;
    font-variant:normal;
}
sup{
    vertical-align:baseline;
}
sub{
    vertical-align:baseline;
}
legend{
    color:#000;
}
input,button,textarea,select,optgroup,option{
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}
input,button,textarea,select{
    *font-size:100%;
}


#calMainTable {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url('/static/images/clock_bg_oval_yellow_v1.2.png');
    width: 460px;
    height: 150px;
}

.calInsideTable {
    font-weight: bold; 
    font-size: 14px;
    color: #ec0733;
}

.calDoneCancel {
    font-weight: bold; 
    font-size: 12px;
}


.calCurrentYear {
    margin-right: 4px;
    color: #f00;
}

.calDataYear {
    margin-right: 4px;
    color: #ffea29;
    cursor: pointer;
}

.calDataYearHover {
    margin-right: 4px;
    color: #f00;
    cursor: pointer;
    text-decoration: underline;
}

.calCurrentMonth {
    margin-right: 4px;
    color: #f00;
}

.calDataMonth {
    margin-right: 4px;
    color: #ffea29;
    cursor: pointer;
}

.calDataMonthHover {
    margin-right: 4px;
    color: #f00;
    cursor: pointer;
    text-decoration: underline;
}

.calCurrentDay {
    font-size: 12px;
    margin-right: 4px;
    color: #f00;
}

.calDataDayHeader {
    font-size: 12px;
    color: #ddd;
    line-height: 1.1em;
}

.calDataDay {
    font-size: 12px;
    color: #ffea29;
    cursor: pointer;
    line-height: 1.1em;
}

.calDataDayHover {
    font-size: 12px;
    color: #f00;
    cursor: pointer;
    text-decoration: underline;
    line-height: 1.1em;
}

.calCurrentHour {
    margin-right: 4px;
    color: #f00;
}

.calDataHour {
    margin-right: 4px;
    color: #ffea29;
    cursor: pointer;
}

.calDataHourHover {
    margin-right: 4px;
    color: #f00;
    cursor: pointer;
    text-decoration: underline;
}

.calCurrentMinute {
    font-size: 12px;
    margin-right: 2px;
    color: #f00;
}

.calDataMinute {
    font-size: 12px;
    margin-right: 2px;
    color: #ffea29;
    cursor: pointer;
}

.calCurrentSecond {
    font-size: 12px;
    margin-right: 2px;
    color: #f00;
}

.calDataSecond {
    font-size: 12px;
    margin-right: 2px;
    color: #ffea29;
    cursor: pointer;
}

.calDataMinuteHover {
    font-size: 12px;
    margin-right: 2px;
    color: #f00;
    cursor: pointer;
    text-decoration: underline;
}

.calHeader {
    cursor: default;
    color: #eee; 
/*    color: #ec0733; */
}

.calHeaderHover {
    text-decoration: underline;
    cursor: pointer;
    color: #ffea29;
}

.calHeaderText {
    color:       #df0028;
    text-size:   0;
    font-size:   1.2em;
    font-weight: bold;
}

.calDoneCancel {
    font-size: 12px;
    cursor: default;
}

.calDoneCancelHover {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    color: #ffea29;
}

.calArrow {
    cursor: default;
}

.calArrowHover {
    cursor: pointer;
}

button {
    padding: 2px;
    margin-top: 2px;
}
#logout {
  font-size: 12px;
}
.main_page_input {
    border: 1px solid #999;
    font-size: 14px;
    padding: 2px;
}
#tblLeftColumn button {
  width: 100%;
}
.clkWidget {
/*
    background-image: url('/static/images/clock_bg08.gif');
*/
    background-image: url('/static/images/clock_bg_oval_yellow_v1.2.png');
    width: 460px;
    height: 155px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
}
.clkWidgetTable {
  color: #fff;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
}
.newDateBtn {
  font-size: 12px;
}
.vWhiteSpace5 {
  height: 10px;
}
.vWhiteSpace10 {
  height: 10px;
}
.vWhiteSpace15 {
  height: 15px;
}
.vWhiteSpace20 {
  height: 20px;
}
.vWhiteSpace25 {
  height: 25px;
}
.vWhiteSpace30 {
  height: 30px;
}
.vWhiteSpace35 {
  height: 35px;
}
.eventName {
  color: #000;
  text-align: center;
  font-size: 18px;
}
.calImage {
  margin: 0;
  padding: 0;
}
.clkDate {
    position: absolute;
    top: 109px;
    left: 88px;
    background-color: #000;
    color: #ffea29;
    letter-spacing: .06em;
    border: 0;
}
.dateInputBlack {
  background-color: #000;
  color: #ffea29;
  letter-spacing: .06em;
  border: 0;
  text-align: center;
}
.dateInputWhite {
  background-color: #aaa;
  color: #000;
  letter-spacing: .06em;
  border: 0;
  text-align: center;
}
.titleInputNoBorder {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
  border: 1px #fff;
    font-size: 1.2em;
}
.titleInputBorder {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
  border: 1px outset #000;
    font-size: 1.2em;
}
.Delete {
    position: absolute;
    top: 38px;
    left: 375px;
}
.handle {
    position: absolute;
    top: 78px;
    left: 375px;
}
.CalendarIcon {
    position: absolute;
    top: 105px;
    left: 320px;
}
.HeaderDiv {
    position: absolute;
    top:      27px;
    left:     68px;
}
.Header {
    margin-left: 2px;
    float: left;      color: #fff;
}

/* sortable */

#clk_list {
  list-style: none;
}

#clk_list li {
  display: block;
}

#clk_list li img.delete {
    position: absolute;
    top: 25px;
    left: 375px;
    cursor: pointer;
}

#clk_list li img.popout {
    position: absolute;
    top: 59px;
    left: 375px;
    cursor: pointer;
}

#clk_list li img.handle {
    cursor: move;
    position: absolute;
    top: 93px;
    left: 375px;
}

#clk_list li img.start {
    position: absolute;
    top: 105px;
    left: 110px;
    cursor: pointer;
}

#clk_list li img.stop {
    position: absolute;
    top: 105px;
    left: 225px;
    cursor: pointer;
}

#clk_list li img.reset {
    position: absolute;
    top: 105px;
    left: 270px;
    cursor: pointer;
}

/* popup bubble */
#resetPwd-popup {
    /* margin: 100px auto; */
    padding: 0;
    /* width: 100px; */
    position: relative;
}

#resetEm {
    background: url(/static/images/bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    /* text-indent: -9999px; */
    z-index: 2;
    display: none;
}

#rss-icon {
/*
    width: 42px;
    height: 42px;
    background: url(/static/images/icon.png) no-repeat 0 0;
*/
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

a{
cursor: pointer;
text-decoration:none;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}

/*******************
Author: Patrick Ryan
URL: http://www.agavegroup.com

Feel free to use this however you like.  Credit is always appreciated.
*******************/

input, textarea, select{
	border:0;
	margin:3px;
	padding:0px 3px;
/*
	font:90%/180% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#000;
*/

}

/***** Shadows that wrap around ALL elements ***********/
.frmShdwTopLt{
	float:left;
/*
	background:transparent url('/static/images/prettyforms/shadowUpperLeft2.gif') top left no-repeat;
*/
}

.frmShdwBottomRt{
	float:left;
/*
	background:transparent url('/static/images/prettyforms/shadowLowerRight2.gif') bottom right no-repeat;
*/
}

.frmShdwBottomLt{
	float:left;
/*
	background:transparent url('/static/images/prettyforms/shadowBottomLeft2.gif') bottom left no-repeat;
*/
}

.frmShdwTopRt{
	float:left;
/*
	background:transparent url('/static/images/prettyforms/shadowTopRight2.gif') top right no-repeat;
*/
}