/*-*/
/*

	C3 - Style

*/

html {}

body
{
	font-size: 10px;
	font-family: Helvetica MS Reference Sans Serif, Arial, Book Antiqua, Courier, Tahoma, Times New Roman;
	height: 100%;
	margin: 0;
	background: #FFF url(../Images/bk_grad_2.gif) 0 -15px repeat-x;
}

form {}

table
{
	border-collapse: collapse;
	border: none;
}
th, td
{
	border: none;
	vertical-align: top;
	padding: 0;
}

img
{
	border: none;
}

.mainDiv 
{
	width: 1000px;
	margin: auto;
	background: #FFF;
}

.pageStructure
{
	width: 980px;
	margin: auto;
}

.pageHeader 
{
	height: 110px;
	background: transparent url(../Images/shadow_2.gif) left bottom repeat-x;
}

.pageContent 
{
	padding: 0 10px 20px 10px;
}

#C3-logo
{
	width: 250px;
	height: 125px;
	background: #FFF url(../Images/c3_logo.gif) 10px 15px no-repeat;
	cursor: pointer;
}

#C3-logo-small
{
	float: left;
	width: 200px;
	height: 100px;
	background: #FFF url(../Images/c3_logo_s.gif) 10px 20px no-repeat;
	cursor: pointer;
}

#C3-wwkybn
{
	float: right;
	width: 500px;
	height: 104px;
	background: #FFF url(../Images/C3-wwkybn.gif) 0 0 no-repeat;
}

.mainFooter
{
	text-align: center;
	line-height: 15px;
	margin: 20px 30px 0 30px;
}
.mainFooter hr
{
	margin-bottom: 15px;
}

/* --------------------------------------------------------------------------------- */

a:link,
a:visited
{
	color: #333;
	text-decoration: none;
}
a:hover
{
	color: #69c;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------- */

hr
{
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #fff;
}

h3
{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------- */

.C3-Grid /* table */
{
	width: 100%;
	font-size: 12px;
}
.C3-Grid th
{
	background-color: #ffe;
	line-height: 18px;
	border: 1px solid #996;
}
.C3-Grid td
{
	padding: 4px 8px;
	border: 1px solid #996;
}

/* --------------------------------------------------------------------------------- */

.bannerPanel
{
	position: relative;
	width: auto;
	height: 300px;
	font-size: 15px;
	background: #818201;
	*margin-top: 8px;
}
#bannerImage_up, 
#bannerImage_down
{
	position: absolute;
	width: 734px;
	height: 270px;
	top: 15px;
	left: 15px;

	/*
	background: transparent url(../Images/banner_1.jpg) 0 0 no-repeat; /**/
}
#bannerImage_down
{
	/*
	background: transparent url(../Images/banner_2.jpg) 0 0 no-repeat; /**/

}

.calendarPanel
{
	position: absolute;
	top: 95px;
	right: 11px;
	width: 210px;
	height: 275px;
	background: #C0C080;
	padding: 5px;
}

#divEventsContainer
{
	display: none;
	padding: 4px;
	margin: 8px;
	font-size: 11px;
	color: #FFF;
	border: 1px solid #a0a060
}

#divEventsContainer a, 
#divEventsContainer a:hover
{
	font-weight: bold;
	line-height: 160%;
	color: #FFF;
}

#divCalendarText
{
	font-weight: bold;
	margin: 4px 0 4px 6px;
	color: #566;
}

.mainMenuInternal, 
.mainMenu
{
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0 0 -30px;
}
.mainMenuInternal 
{
	float: right;
	margin: 10px 0 0 0;
}
.mainMenuInternal ul, 
.mainMenu ul
{
	list-style: none;
}
.mainMenuInternal ul li, 
.mainMenu ul li 
{
	float:left;
	margin:0;
}
.mainMenu ul li a 
{
	border-right:1px solid #000;
	border-left:1px solid #000;
	display:block;
	text-decoration:none;
}


.mainMenu ul li a.menu1 
{
	background:url(../Images/menu-01.gif) 0 0 no-repeat;
	border-left:none;
	width:91px;
	height:21px; 
}
.mainMenu ul li a.menu1:hover, .mainMenu ul li a.menu1current
{
	background:url(../Images/menu-01.gif) 0 -21px no-repeat;
	border-left:none;
	color:#8086C0;
	width:91px;
	height:21px; 
}

.mainMenu ul li a.menu2 
{
	background:url(../Images/menu-02.gif) 0 0 no-repeat;
	width:127px;
	height:21px; 
}
.mainMenu ul li a.menu2:hover, .mainMenu ul li a.menu2current
{
	background:url(../Images/menu-02.gif) 0 -21px no-repeat;
	color:#80BFC0;
	width:127px;
	height:21px; 
}

.mainMenu ul li a.menu3 
{
	background:url(../Images/menu-03.gif) 0 0 no-repeat;
	width:141px;
	height:21px; 
}


.mainMenu ul li a.menu3:hover, .mainMenu ul li a.menu3current
{
	background:url(../Images/menu-03.gif) 0 -21px no-repeat;
	color:#C0BE80;
	width:141px;
	height:21px; 
}


.mainMenu ul li a.menu4 
{
	background:url(../Images/menu-04.gif) 0 0 no-repeat;
	width:55px;
	height:21px; 
}
.mainMenu ul li a.menu4:hover, .mainMenu ul li a.menu4current
{
	background:url(../Images/menu-04.gif) 0 -21px no-repeat;
	color:#C080BF;
	width:55px;
	height:21px; 
}


.mainMenu ul li a.menu5 
{
	background:url(../Images/menu-05.gif) 0 0 no-repeat;
	color:#80C088;
	width:78px;
	height:21px; 
}
.mainMenu ul li a.menu5:hover, .mainMenu ul li a.menu5current
{
	background:url(../Images/menu-05.gif) 0 -21px no-repeat;
	width:78px;
	height:21px; 
}


.mainMenu ul li a.menu6 
{
	background:url(../Images/menu-06.gif) 0 0 no-repeat;
	color:#C08080;
	width:61px;
	height:21px; 
}

.mainMenu ul li a.menu6:hover, .mainMenu ul li a.menu6current
{
	background:url(../Images/menu-06.gif) 0 -21px no-repeat;
	color:#C0A080;
	width:61px;
	height:21px; 
}


.mainMenu ul li a.menu7 
{
	background:url(../Images/menu-07.gif) 0 0 no-repeat;
	border-right: none;
	width:95px;
	height:21px; 
}
.mainMenu ul li a.menu7:hover, .mainMenu ul li a.menu7current
{
	background: url(../Images/menu-07.gif) 0 -21px no-repeat;
	width:95px;
	height:21px; 
}



.mainMenu ul li a.menu8 
{
	background:url(../Images/menu-08.gif) 0 0 no-repeat;
	border-right: none;
	width:78px;
	height:21px; 
}
.mainMenu ul li a.menu8:hover, .mainMenu ul li a.menu8current
{
	background: url(../Images/menu-08.gif) 0 -21px no-repeat;
	width:78px;
	height:21px; 
}


.mainMenu ul li a.menu9 
{
	background:url(../Images/menu-09.gif) 0 0 no-repeat;
	border-right: none;
	width:65px;
	height:21px; 
}
.mainMenu ul li a.menu9:hover, .mainMenu ul li a.menu9current
{
	background: url(../Images/menu-09.gif) 0 -21px no-repeat;
	width:65px;
	height:21px; 
}


.mainMenu ul li a.menu10 
{
	background:url(../Images/menu-10.gif) 0 0 no-repeat;
	border-right: none;
	width:94px;
	height:21px; 
}
.mainMenu ul li a.menu10:hover, .mainMenu ul li a.menu10current
{
	background: url(../Images/menu-10.gif) 0 -21px no-repeat;
	width:94px;
	height:21px; 
}

.mainMenu ul li a.menu11 
{
	background:url(../Images/menu-11.gif) 0 0 no-repeat;
	border-right: none;
	width:101px;
	height:21px; 
}
.mainMenu ul li a.menu11:hover, .mainMenu ul li a.menu10current
{
	background: url(../Images/menu-11.gif) 0 -21px no-repeat;
	width:101px;
	height:21px; 
}
/* --------------------------------------------------------------------------------- */

.formLabel
{
	text-align: right;
	font-size: 11px;
	padding: 5px 6px 0 0;
	vertical-align: text-top;
}

.btnBack
{
	float: right;
	display: block;
	width: 80px;
	height: 30px;
	background: url(../Images/backButton.gif) 0 0 no-repeat;
}

/* --------------------------------------------------------------------------------- */

/* Packages Templates */

.tplTable
{
	width: 698px;
	table-layout: fixed;
}
.tplTableSpecial
{
	width: 970px;
}

.tplTable td
{
	overflow: hidden;
	padding: 10px 10px 5px 10px;
}

.tplTitle
{
	border-bottom: 2px solid;
	padding-top: 30px;
	font-size: 14px;
	font-weight: bold;
}
.tplContents
{
	font-size: 12px;
	background: #FFF url(../Images/bk_grad_3.gif) 0 0 repeat-x;
}
.tplOwner
{
	text-align: right;
	font-size: 11px;
	font-style: italic;
	border-bottom: 2px solid;
}
.tplDate
{
	font-size: 11px;
}

.tplTableEmptyData
{
	font-size: 12px;
	padding-left: 15px;
	line-height: 340%;
}

.tplPastPackages
{
	width: 240px;
	/*background: url(../Images/pkgContBck.gif) 0 0 repeat-y;*/
	border-left: 1px solid #858585;
	border-right: 1px solid #858585;
	background: #F2F2F5 url(../Images/bk_grad_4.jpg) 0 0 no-repeat;	
}

.tplPastPackages th 
{
	display: block;
	height: 75px;
	font-size: 18px;
}

.tplPastPackages td 
{
	/*border-left:1px solid red !important;
	border-right:1px solid red !important;*/
	padding: 0 20px;
	width: 240px;
	line-height: 190%;
}

.tplPastPackages td a
{
	background: url(../Images/arrow_item.gif) 0 4px no-repeat;
	padding-left: 10px;
	font-size: 12px;
}

.tplPastPackages_upCell
{
	width: 240px;
	height: 40px;
	background: url(../Images/pkgContBck_up.gif) 0 0 no-repeat;
}
.tplPastPackages_downCell
{
	width: 240px;
	height: 40px;
	background: url(../Images/pkgContBck_down.gif) 0 0 no-repeat;
}

/* inspiration */
.cmbOwnerFilter
{
	width: 120px;
}
.owner 
{
	margin: 35px 30px 0 10px;
	text-align: right;
}
/* news*/
.tplDate 
{
	font-weight:normal;
	font-style:italic;
	float:right;
}

/* --------------------------------------------------------------------------------- */
/* ----------------------------------Template Colors-------------------------------- */
/* Inspiration (purple) */
.purple, .purple td a
{
	border-bottom-color:#8086C0;
	color:#8086C0;	
}
/* News (blue) */
.blue, .blue td a
{
	border-bottom-color:#73ABAC;	
	color:#73ABAC;	
}
/* Forum (yellow) */
.yellow, .yellow td a
{
	border-bottom-color:#C0BE80;	
	color:#C0BE80;	
}
/* Your Career (pink) */
.pink, .pink td a
{
	border-bottom-color:#C080BF;	
	color:#C080BF;	
}
/* Kids Day Out (green) */
.green, .green td a
{
	border-bottom-color:#80C088;	
	color:#80C088;	
}
/* About Us (red) */
.red, .red td a
{
	border-bottom-color:#C08080;	
	color:#C08080;	
}
/* Login (brown) */
.brown, .brown td a
{
	border-bottom-color:#C0A080;	
	color:#C0A080;	
}
/* --------------------------------------------------------------------------------- */