.normaltxt
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #617278;
    font-style: normal;
    line-height: normal;
    text-decoration: none;
}

.normaltxtsmall
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #617278;
    font-style: normal;
    line-height: normal;
    text-decoration: none;
}


.input
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    text-indent: 2px;
    vertical-align: middle;
    background-color: #F0F0F0;
    text-transform: none;
}

.inputdropdown
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    text-indent: 2px;
    vertical-align: middle;
    background-color: #F0F0F0;
    text-transform: none;
}


.input2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    text-indent: 2px;
    vertical-align: middle;
    background-color: #F0F0F0;
    text-transform: none;
}

.bottom
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 20px;
    vertical-align: middle;
}

.headerbar_gray
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #5813DE;
    text-decoration: none;
    background-color: #E0E0E0;
    text-align: left;
    text-indent: 3px;
    vertical-align: middle;
    height: 24px;
    width: auto;
    border: thin none #FFFFFF;
}
.headerbar_gray2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #5813DE;
    text-decoration: none;
    background-color: #E0E0E0;
    text-align: right;
    text-indent: 3px;
    vertical-align: middle;
    height: 24px;
    width: auto;
    border: thin none #FFFFFF;
}

.headerbar_gray3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    background-color: #E0E0E0;
    text-align: left;
    text-indent: 3px;
    vertical-align: middle;
    height: 16px;
    width: auto;
}
.colorbg1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    background-color: #E0E0E0;
    text-align: left;
    text-indent: 0px;
    vertical-align: middle;
    height: 16px;
    width: auto;
}

.headerbar_grayLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #E0E0E0;
    text-align: left;
    vertical-align: middle;
    color: #5813DE;
}


.blank_table
{
    border: thin none #CCCCCC;
    padding-top: 12px;
    padding-right: 0px;
    padding-bottom: 12px;
    padding-left: 0px;
}
.bcthumbnail
{
    background-color: #CCCCCC;
    height: 150px;
    width: 257px;
}
.bcpreview
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background-color: #FFFFFF;
    height: 300px;
    width: 500px;
    text-align: center;
    vertical-align: middle;
}

.button1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    text-indent: 4px;
    cursor: hand;
}
.input3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    text-indent: 2px;
    vertical-align: middle;
    height: 14px;
    width: 60px;
    background-color: #F0F0F0;
    text-transform: none;
    line-height: 14px;
}
.alertwindow
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    background-color: #FFFFFF;
    text-align: center;
    width: 96%;
    border: thin solid #666666;
}


/* GRID STYLEING */

.gridHeader
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E4F1F1;
	text-decoration: none;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	background-color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

.gridHeader0
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

.gridHeader00
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

.gridHeader01
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

.gridHeader02
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:White;
	text-decoration: none;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	background-color:Black;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

.gridHeader2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E4F1F1;
	text-decoration: none;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	background-color: #006468;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

.gridHeader3
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #363534;
	text-decoration: none;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

.gridFooter
{
    border-top: silver 0px none;
    border-bottom: silver 1px solid;
    border-left: silver 0px none;
    border-right: silver 0px none;
}
.gridRowstyle
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 12px;
	text-align: left;
	vertical-align: middle;
	/*background-color: #E4F1F1;*/
	background-color:#EEEEEE;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}
.gridpagerstyle
{
    font-size: 11px;
    font-weight: bolder;
    font-family: Verdana;
    text-decoration: none;
    height: 24px;
    border-top: silver 1px solid;
    border-bottom: silver 1px solid;
    color: #666666;
    text-align: left;
}
.gridItemStyle
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 12px;
	text-align: left;
	vertical-align: middle;
	background-color: #E1E1E1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	height: 26px;
}

/*  GRID TREE STYLE  */

.gridTreeHeader
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bolder;
    height: 24px;
    border-top: silver 1px solid;
    border-bottom: silver 1px solid;
    border-left: silver 0px none;
    border-right: silver 0px none;
    color: #666666;
}


.gridTreeHeader2
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    height: 24px;
    border: 0px;
    color: #666666;
}

.gridTreeFooter
{
   border-top: silver 0px none;
    border-bottom: silver 1px solid;
    border-left: silver 0px none;
    border-right: silver 0px none;
}

.gridTreeRowstyle
{
    font-family: Verdana;
    font-size: 11px;
    padding: 0px;
    vertical-align: top;
    border: 0px;
    color: #666666;
}

.gridTreepagerstyle
{
    font-size: 11px;
    font-weight: bolder;
    font-family: Verdana;
    text-decoration: none;
    height: 24px;
    border: 0px;
    color: #666666;
    text-align: left;
}

.gridTreeItemStyle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #617278;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
}

.orderDetailH
{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 21px;
    font-weight: normal;
    color: #666666;
}
.orderDetailH2
{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #666666;
}
.ListH1
{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: White;
}

h1
{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 17px;
    margin-top: 0px;
    margin-bottom: 2px;
    color: #000000;
    padding-bottom: 5px;
}

h2
{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 17px;
}
p
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #666666;
}
light
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    color: #999999;
    font-size: 9px;
}

.arrow
{
    border-bottom: 1px solid #dddddd;
    text-align: center;
    vertical-align: bottom;
}

.normaltxt1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
}
/*From PIxaroo*/
#top_header
{
    border-collapse: collapse;
    padding: 0px;
    width: 780px;
    margin-bottom: 12px;
}

#top_header .top_header_left
{
    width: 50%;
    background: #000000;
    color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

#top_header .top_header_right
{
    width: 50%;
    background: #000000;
    color: #FFFFFF;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

#top_header .loginInput
{
    background: #F0F0F0;
    border: 1px solid #DDDDDD;
    font-size: 10px;
    vertical-align: middle;
}

#header
{
    border-collapse: collapse;
    padding: 0px;
    width: 770px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#header .topNav
{
    vertical-align: bottom;
    text-align: right;
    font-size: 10px;
}

#header A.topLink
{
    border-bottom: 2px solid white;
}

#header A.topLink:hover
{
    border-bottom: 2px solid orange;
}

#header A
{
    color: #222222;
    text-decoration: none;
}

#header A:hover
{
    color: blue;
    text-decoration: underline;
}

#navigation
{
    border-collapse: collapse;
    padding: 0px;
    width: 770px;
}

#navigation .navbar
{
    background: url( '../image/calendarimages/nav-background.gif' );
    text-align: left;
}

#navigation .infobar
{
    text-align: center;
}

#hpContent
{
    border-collapse: collapse;
    padding: 0px;
    width: 770px;
    margin-top: 15px;
}

#hpContent .left
{
    width: 540px;
    padding-right: 10px;
}

#hpContent .right
{
    color: #222222;
}

#footer
{
    text-align: left;
    width: 770px;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 18px;
}

#footer A
{
    font-size: 10px;
    color: #222222;
    text-decoration: none;
}

#footer A:hover
{
    color: blue;
    border-bottom: 1px solid silver;
}

#content
{
    border-collapse: collapse;
    padding: 0px;
    width: 770px;
    margin-top: 8px;
}

#content .one
{
    width: 770px;
    text-align: left;
}

#content .left
{
    width: 539px;
}

#content .body
{
    margin-left: 60px;
}

#content .right
{
    padding-left: 20px;
    padding-top: 10px;
}

#content A
{
    color: #333377;
    text-decoration: none;
}

#content A:hover
{
    color: blue;
    text-decoration: underline;
}

#secondaryNavigation
{
}

#secondaryNavigation .title
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 8px;
    border-bottom: 1px dotted #888888;
}

#secondaryNavigation .link, A.link, A.link:visited, A.link:active
{
    display: block;
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

#secondaryNavigation A.link:hover
{
    background: #F0F0F0;
}

#content .icons
{
    display: block;
    margin-top: 16px;
    white-space: nowrap;
}

#contactForm
{
    border-collapse: collapse;
    padding: 0px;
    width: 450px;
}

#contactForm td
{
    padding-top: 4px;
    padding-bottom: 4px;
}

#contactForm .label
{
    width: 25%;
    white-space: nowrap;
}

#contactForm input
{
    width: 100%;
    border: 1px solid #888888;
    padding: 2px;
    height: 22px;
}

#contactForm textarea
{
    width: 100%;
    border: 1px solid #888888;
    padding: 2px;
}

#contactForm .button
{
    width: 120px;
    height: 24px;
    background: #DDDDEE;
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
}


/** THUMBNAIL TABLE **/

#thumbsTable
{
    margin-bottom: 25px;
}

#thumbsTable .thumbCell
{
    text-align: left;
    vertical-align: top;
}

#thumbsTable .spacer
{
    width: 40px;
}

#thumbsTable .thumbnail
{
    padding: 2px;
}

#thumbsTable .thumbnailOn
{
    padding: 0px;
    border: 2px solid orange;
}

#thumbsTable .dataCell
{
    text-align: left;
    vertical-align: top;
    display: block;
}


#linkbox
{
    display: block;
    width: 190px;
}

#linkbox .links
{
    border-left: 1px solid #898989;
    border-right: 1px solid #898989;
    padding-left: 8px;
    padding-right: 8px;
    background: #F5F5F5;
}



/** GENERIC TABLE **/

#genericTable
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#genericTable .leftColumn
{
    width: 25%;
    vertical-align: top;
    text-align: left;
    padding-right: 20px;
}

#genericTable .rightColumn
{
    width: 75%;
    vertical-align: top;
    text-align: left;
}

#genericTable .headCell
{
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #BBBBBB;
    padding: 5px;
}

#genericTable .contentCell
{
    vertical-align: top;
    text-align: left;
    padding: 5px;
}

#genericTable .contentCellRed
{
    vertical-align: top;
    text-align: left;
    padding: 5px;
    color: #EE0000;
}

#genericTable .contentCellGreen
{
    vertical-align: top;
    text-align: left;
    padding: 5px;
    color: #00AA00;
}

#genericTable .headCellR
{
    vertical-align: top;
    text-align: right;
    border-bottom: 1px solid #BBBBBB;
    padding: 5px;
}

#genericTable .contentCellR
{
    vertical-align: top;
    text-align: right;
    padding: 5px;
}

#genericTable .contentCellC
{
    vertical-align: top;
    text-align: center;
    padding: 5px;
}

#genericTable .contentCellIncomplete
{
    vertical-align: top;
    text-align: center;
    padding: 3px;
    background: #FF7218;
}

#genericTable .rowOdd
{
    background: #F5F5F5;
}

#genericTable .rowEven
{
}


/** PRICE LIST =========================================================== **/

#priceList
{
    width: 770px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#priceList .head
{
    vertical-align: top;
    text-align: right;
    border-bottom: 1px solid #BBBBBB;
    padding: 1px 5px;
    font-weight: bold;
    background: #BBBBBB;
    color: #FFFFFF;
}

#priceList .content
{
    vertical-align: top;
    text-align: right;
    padding: 3px;
}

#priceList .title
{
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #BBBBBB;
    padding: 4px 5px;
    font-weight: bold;
    background: url( '../images/client/green-back.gif' );
    color: #FFFFFF;
}


/** FORMS TABLE =========================================================== **/

#formTable
{
}

#formTable .label
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    vertical-align: middle;
    text-align: left;
}

#formTable .field
{
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    text-align: left;
}

#formTable .smallLabel
{
    font: bold 10px/11px Verdana, Tahoma, Arial, Helivetica, Geneva, sans-serif;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-right: 10px;
    vertical-align: top;
    text-align: left;
    color: #666666;
}

#formTable .content
{
    font: 11px/14px Verdana, Tahoma, Arial, Helivetica, Geneva, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    text-align: left;
}


.required
{
    font-weight: bold;
    color: #FF0000;
}

#editMonth
{
    width: 170px;
    border: 1px solid #cccccc;
    text-align: center;
    background: url(../image/calendarimages/gray-gradient.gif);
    padding: 0px;
}

#editMonth .title
{
    font: Verdana, Tahoma, Arial, Helivetica, Geneva, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 5px 5px 6px 5px;
    background: url(../image/calendarimages/nav-background.gif) 0px -4px;
    border-bottom: 1px solid #cccccc;
    vertical-align: top;
}

#editMonth .thumbnail
{
    margin: 8px 8px 4px 8px;
}

#editMonth .buttons
{
    display: block;
    margin: 8px;
}

#editMonth .caption
{
    font-size: 10px;
    margin-bottom: 12px;
}

#editMonth .pageCaption
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 10px;
    width: 150px;
}


#toolbar
{
    width: 750px;
    height: 30px;
    margin-top: 10px;
}

#toolbar .toolbarTitle
{
    height: 30px;
    color: #dddddd;
    background: url( '../image/calendarimages/toolbar-back.gif' );
    vertical-align: middle;
}

#toolbar .toolbarButtons
{
    height: 30px;
    color: #dddddd;
    background: url( '../image/calendarimages/toolbar-back.gif' );
    padding-top: 8px;
    white-space: nowrap;
}

#help
{
    width: 740px;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    background: url(../image/calendarimages/gray-gradient2.gif);
}

#help .helpText
{
    width: 740px;
    padding: 8px;
}


#uploadPopup
{
    background: url(../image/calendarimages/trans.gif);
    padding: 10px;
    width: 400px;
    position: absolute;
    text-align: center;
}

#uploadPopup .uploadBorder
{
    border: 1px solid #999999;
}

#uploadPopup .uploadBorder2
{
    border: 1px solid #dddddd;
    background: url(../image/calendarimages/gray-gradient2.gif);
}

#uploadPopup .uploadHeader
{
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 5px 5px 6px 5px;
    background: url(../image/calendarimages/toolbar-back.gif) 0px -4px;
    border-bottom: 1px solid #cccccc;
    vertical-align: top;
}

#uploadPopup .uploadButtons
{
    padding: 10px;
}

#previewFrame
{
    width: 750px;
    height: 950px;
    margin-top: 15px;
    border: none;
}

#progress
{
    width: 750px;
}

#progress .arrow
{
    border-bottom: 1px solid #dddddd;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 2px;
}

#progress .text
{
    font-size: 10px;
    text-align: center;
}



#dateCaptions
{
    width: 735px;
    border: 1px solid #999999;
}

#dateCaptions .dateCaptionCell
{
    width: 105px;
    text-align: right;
    vertical-align: bottom;
    padding: 5px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

#dateCaptions .dateCaptionEmptyCell
{
    width: 105px;
    background: #f6f6f6;
    text-align: right;
    vertical-align: bottom;
    padding: 5px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

#dateCaptions .dateCaptionInput
{
    font-size: 10px;
    width: 95px;
    margin-top: 5px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px dashed #ff9933;
    padding-bottom: 2px;
}

#dateCaptions .dateCaptionDate
{
    font-size: 20px;
    color: #007799;
}


#loginPane
{
    background: url( '../image/calendarimages/login-back.gif' );
    display: block;
    width: 220px;
    height: 240px;
}

.small
{
    font-size: 10px;
}

.large
{
    font-size: 13px;
}

.light
{
    color: #999999;
}

.calendar_header
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(../image/calendarimages/calendar_header.gif);
    text-align: center;
    vertical-align: text-bottom;
    height: 20px;
    padding: 5px 1px 1px 1px;
}
.errortext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: red;
    text-decoration: none;
}
.calTxtBox
{
    width: 130px;
    height: 15px;
    border-color: #7F9DB9;
    border-width: 1px;
    border-style: solid;
    background-color: #F0F0F0;
}
.divBorder
{
    border: 1px solid #999999;
}
.divBorder2
{
    border: 1px solid #dddddd;
    background: url(../image/calendarimages/gray-gradient2.gif);
}
.tabmenuitems
{
    text-align: center;
}
.myFont
{
	font-family: Arial;
	font-size: 8.5px;	
}