body {
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/modules/creative_connects/images/bg.jpg);
}

.whitebody {
	background: #fff center;
	text-align: center;
}

.footer {
	padding-left: 10%;
	padding-bottom: 20px;
	background-repeat: repeat-x;
	background-image: url(/modules/creative_connects/images/cc-new_footer_back.jpg);
	text-align: left;
	height: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.iframe {

	width: 200;
	border: solid #ccc;
	border-width: 1px;
	padding: 0px; }
/*
.iframe2 {
		background: #fff
		} 
*/
.cal_title {
	color: #666;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #dddddd;
	text-align: center;
	padding: 2px; }
	
.cal_dateplain { color: #000; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }

.cal_day {
	
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d1edf0;
	text-align: center;
	padding: 5px;
	border: 0px
	}
	
.cal_day a {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}
	
.cal_day a:hover {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}

	
.cal_weekend {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;	
	padding: 5px;
	background-color: #6699ff }	
	
.cal_weekend a {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}
	
.cal_weekend a:hover {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}
	
.cal_border { border: 0px; background-color: #c93 }

.cal_Highlight {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCFF99;
	text-align: center;
	padding: 5px }
	
.cal_Highlight a {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}
	
.cal_Highlight a:hover {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}
	
.cal_Today {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF66CC;
	text-align: center;
	padding: 5px
	}	
	
.cal_Today a {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}
	
.cal_Today a:hover {
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
	}
	
.cal_heading {
	color: #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #eeeeee;
	text-align: center;
	padding: 5px; }
	
.cal_table {
	background-color: #d1edf0;
	width: 204px;
	border: solid 1px #dddddd; }	
	

p { font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px
	}
	
	
.tabletext { font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px
	}
	
	
.branch_menu_cell { 

	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #eeeeee;
	border: solid 1px #dddddd;
	padding: 2px;
	
	
	}
	
	
th { font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px
	}

.style1 {color: #3399FF}

.default { font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px
	}
	
.main {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

	
b { font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color:#666
	
	}
	
i { font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px
	}

a {
	text-decoration: none;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	color:#369;
	}

a:hover {
	text-decoration: underline;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #06C;
	cursor: default;
	}

	
form {font-family: verdana, helvetica, sans-serif; font-size:10px; color:#333;}
input {font-family: verdana, helvetica, sans-serif; font-size:10px; color:#333; padding: 2px; border:1px #666 solid; background-color:#fff}
select {font-family: verdana, helvetica, sans-serif; font-size:10px; color:#333; border:1px #666 solid; background-color:#fff}
textarea {font-family: verdana, helvetica, sans-serif; font-size:10px; color:#333; padding: 2px; border:1px #666 solid; background-color:#fff}
.submit { cursor: default; }

input#g_buttons {border:0px}

select#branch_menu {width:100px}

select#email_branch_menu {width:130px}

#mySlideshow
   {
   clear: left;
   width: 200px !important;
   height: 213px !important;  
	z-index:5;
	display: none;
	overflow:hidden;
	position: relative;
	border: solid #ccc;
	border-width: 2px;
	margin-top: 6px;
	text-align: left;
	
   }


#mySlideshow img
{
	border: 0;
	margin: 0;
}

#mySlideshow #slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 4em;
	background: #333;
	color: #fff;
	text-indent: 0;
}

#slideInfoZone h2
{
	padding: 0;
	font-size: 70%;
	margin: 0;
	margin: 3px 5px;
	font-weight: strong;
	color: #eee;
}

#slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

#mySlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

#mySlideshow a.right, #mySlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html #mySlideshow a.right, * html #mySlideshow a.left
{
	filter:alpha(opacity=50);
}

#mySlideshow a.right:hover, #mySlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#mySlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.gif') no-repeat top left;
}

#mySlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.gif') no-repeat top right;
}

.titleh {
	border:0;
	padding: 3px 0 0 3px;
	display: block;
	color: #fff;
	background: url('../../images/title_bg.jpg');
	font-family: 'Arial Narrow', Helvetica, sans-serif, monospace;
	font-size: 20px;
	text-align: center;
}

.ccheaders {	
	padding: 5px 5px 2px 10px;
	background: url(/modules/creative_connects/images/bg.jpg);
	display: block;
	font-family: "Arial Narrow", sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .12em;
	color: #FFFFFF;
	text-align: left;
	}
/*
.joblist{
	border:1px solid #ccc;
	margin: 3px 0 0 0;
	background: #E9F3F5;
	height: 100%
	}
*/
.joblist a{
	border:0;
	padding: 5px;
	display: block;
	font-family: Arial, Helvetica, sans-serif, monospace;
	font-size: 12px;
	text-decoration: none;
	color: #369;
	font-weight: bold;
	}


.joblist a:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #333;
	cursor: default;
	}
	
	
/* CSS Tool Tips CSS Based */

.toolleft{
    position:relative;
    z-index:24;
}

.toolleft:hover {
	z-index:25;
	text-decoration:none;
	}


.toolleft span {	
	display: none;}

.toolleft:hover span {
	display:block;
    position:absolute;
	background: url(../../images/cl_arrow_right.gif) no-repeat top right;
	top: -6.5em;
	right: 8em;
	width: 80px;
	border:0;
}

.toolleft span p{
	display: none;
}

.toolleft:hover span p{
    display:block;
    position:relative;
    border:1px solid #FF0066;
    border-top: 12px solid #FF0066;
    background-color:#fff;
    color:#000;
    width: 73px;
    margin-top: -1px;
    margin-left: 1px;

}

#ccphototitlebar {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #EF44B2;
	background-position: center center;
	height: 3%;
	position: relative;
	width: 98%;
	border: medium solid #EF44B2;
	}

/* end tool tip */