/* 
 * Kaddoz LLC, All Right Reserved
 * Jean-Baptiste Pringuey
 * Eric Burin Des Roziers
 */


/*
 Permanently enable Scroll Bars for smoother page transitions
*/
html {
     overflow:scroll;
}

/*Generic site wide styles*/
body {
    background-color: #FFFFFF;
    color: #666666;
    font-family: verdana;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    border:0;
}

/* controls the appearance of links throughout the application */
a:link, a:visited, a:active {
    color: #6193C6;
    font-family: verdana;
    font-size: 12px;
    text-decoration: none;
}

a:hover{
    color: #6193C6;
    font-family: verdana;
    font-size: 12px;
    text-decoration: underline;
}

a.dropDownLink:hover { text-decoration: none; }


a img{
    border:0;
}


/*************************************COMMON CSS****************************************/

/*
 * Define the page header style
 */

#container {

}

/*
 * Define the page header style
 */

#header {
	margin:0px 0px 0px 7px;
	width: 950px;
	height: 78px;
}

/*
 * Define the page footer style
 */

#footer {
        height:15px;
	width:950px;
	white-space:nowrap; 
	text-align: center;
	margin:0px 0px 0px 10px;
	padding:0px 0px 5px 0px;
	position:absolute;
	top:733px;
	left:6px;
}

.errorMessage{
	color:red;
}

/*************************************TAB CSS****************************************/

#tabImage {
	position:relative;
	top:-5px;
	left:-3px;
}



/***Admin Tab***/

#selectedTabAdmin {
  cursor: pointer;
  font-weight: bold;
  display: inline;
  background-image: url(/images/tabImages/TabSelected.gif);
  background-repeat: no-repeat;
  background-position:left center;
  padding:10px 22px 14px 25px;
}

.tabPane {
position:absolute;
top:62px;
text-align: right;
float: right;
width:900px;
margin: 0px 20px 0px 10px;
}

.tabStyle {
 margin:0px -6px 0px 0px;
}

.tabContent {
	padding:0px 50px 0px 10px;
	border-width:thin;
	width:900px;
	border-color:#eee;
	background-color: #FFFFFF;
}

#left-pane {
	position:absolute;
	background-image: url(/images/tabImages/leftTab.jpg);
	height:618px;
	width:2px;
	top:93px;
	left:6px;
	}
#right-pane {
	position:absolute;
	background-image: url(/images/tabImages/right-pane.jpg);
	height:615px;
	width:4px;
	top:93px;
	left:973px;
	}
	
#bottom-pane {
	position:absolute;
	width:4px;
	top:703px;
	left:4px;
	}	

#logo {
	font: bold bold bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
        width:auto;
        border:0px;
	padding:5px;
}

#mid-nav {
	position:absolute;
	width:558px;
	top:100px;
	left: 209px;
	z-index:2;
	}
	

#full-nav {
	position:absolute;
	width:965px;
	height: 550px;
	top:100px;
	left: 7px;
	z-index:2;
	}

#mid-nav-wide {
        background-color: #FFFFFF;
	position:absolute;
	width:760px;
	height: 610px;
	top:100px;
	left: 208px;
	_left: 210px;
	z-index:2;
	}
	
	
#left-nav {
        background-color:  #E3E7F0;
       	border-right:#C0C0C0 1px solid;
	position:absolute;
		width:197px;
		height: 616px;
		top:93px;
		left:8px;
		z-index:1;
	}

	
#wide-nav-tab {
        background-color: #FFFFFF;
	position:absolute;
	width:965px;
	height: 604px;
	top:99px;
	left:8px;
	z-index:1;
	}
	
#itemDescription {
        background-color: #FFFFFF;
	position:absolute;
	width:963px;
	height: 604px;
	top:94px;
	left:8px;
	z-index:1;
	}

		
#right-nav {
	position:absolute;
	width:200px;
	top:100px;
	left:770px;
	z-index:3;
	}
	
	
/* note (2) */
body>#left-nav {width:200px;}
body>#right-nav {width:200px;}


.kaddoz-box-wide {
  margin-bottom:5px;
  padding:0px 10px 9px 0px;
  background:url(/images/box-bottom-wide.gif) left bottom no-repeat #FFFFFF;
}

.kaddoz-box-top-wide {
  margin:0px 0px 0px 0px;
  background:url(/images/box-top-wide.gif) left top no-repeat #FFFFFF;
}

.kaddoz-box {
  margin-bottom:5px;
  padding:0px 10px 9px 0px;
  background:url(/images/box-bottom.gif) left bottom no-repeat #FFFFFF;
}

.kaddoz-box-top {
  margin:0px 0px 0px 0px;
  background:url(/images/box-top.gif) left top no-repeat #FFFFFF;
}

.kaddoz-box h2, .kaddoz-box-wide h2 {
  margin:0px 0px 0px 5px;
}

.kaddoz-box-header {
  padding:7px 0px 0px 5px;
}

.kaddoz-box-header span {
  font-weight: bold;
}

.kaddoz-box p, .kaddoz-box-wide p {
  margin:5px 0px 0px 5px;
}

.kaddoz-box-table-wide {
  margin:7px 0px 0px 1px;
  width: 544px;
  border-collapse: collapse;
}

.kaddoz-box-table {
  margin:7px 0px 0px 1px;
  width: 185px;
  border-collapse: collapse;
}

.kaddoz-box p {
  margin:5px 0px 0px 5px;
}

.kaddoz-table {
  margin:0px;
  padding: 0px;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

input.search {
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	width: 119px;
	background-image: url(/images/search.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

input.recipientName {
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	width: 190px;
	background: #FFFFFF;
	background-image: url(/images/calendar/enterRecipientName.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

input.recipientEmail {
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	width: 240px;
	background: #FFFFFF;
	background-image: url(/images/calendar/enterRecipientEmailAdress.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

div#green-button {
    height: 40px;
    margin: 0px 0px 0px 4px;
    text-align: center;
    background-image: url(/images/button_green.gif);
    background-repeat: no-repeat;
}

.browse-table {
  margin:0px;
  padding: 0px;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

.browse-table tr:hover {
    background: #a6c2e7;
}

.normalthinRow {
    background: #EEE;
}
       
.alternatethinRow {
    background: #FFF;
}

.normalRow {
    height: 64px;
    background: #EEE;
}
       
.alternateRow {
    height: 64px;
    background: #FFF;
}

.big-calendar-table {
  width: 750px;
  height:500px;
  border: double black;
}

.big-calendar-cell-normal{
    background: #EEE;
    border: double black;
}


/*******************************BUTTONS********************************/

.feedbackButton {
  cursor: pointer;
  margin:0px 0px 0px 0px;
  padding:0px 17px 7px 17px;
  color:white;
  font-size:15px;
  font-style:italic;
  font-weight: bold;
  background:url(/images/buttons/feedBack.jpg) no-repeat #FFFFFF;
}

.saveButton {
  float:right;
  cursor: pointer;
  margin:0px 0px 0px 0px;
  padding:5px 15px 10px 30px;
  color:blue;
  font-size:15px;
  text-decoration: none;
  font-weight: bold;
  background:url(/images/buttons/saveButton.jpg) no-repeat #FFFFFF;
}

.addButton {
  float:right;
  cursor: pointer;
  margin:0px 0px 0px 0px;
  padding:2px 20px 10px 30px;
  color:blue;
  font-size:15px;
  text-decoration: none;
  font-weight: bold;
  background:url(/images/buttons/saveButton.jpg) no-repeat #FFFFFF;
}

.updateButton {
  cursor: pointer;
  margin:0px 0px 0px 0px;
  padding:5px 10px 10px 30px;
  color:blue;
  font-size:15px;
  text-decoration: none;
  font-weight: bold;
  background:url(/images/buttons/updateButton.jpg) no-repeat #FFFFFF;
}



.buttonAddRecipients {
  cursor: pointer;
  position:absolute;
  top:-10px;
  left:13px;
  width:134px;
  margin:0px 0px 0px 0px;
  padding:5px 2px 7px 22px;
  color:blue;
  text-decoration: none;
  font-size:12px;
  font-weight: bold;
  background:url(/images/buttons/addMoreRecipient.jpg) no-repeat #FFFFFF;
}

.buttonCreateNewList {
  cursor: pointer;
  margin:0px 0px 0px 0px;
  padding:5px 15px 10px 28px;
  color:blue;
  text-decoration: none;
  font-size:12px;
  font-weight: bold;
  background:url(/images/buttons/createNewList.jpg) no-repeat #FFFFFF;
}

.buttonLogIn {
  margin:0px 0px 0px 0px;
  padding:5px 20px 6px 30px;
  color:blue;
  text-decoration: none;
  font-size:12px;
  cursor: pointer;
  font-weight: bold;
  background-color: #EEE;
  background:url(/images/buttons/login.jpg) no-repeat #FFFFFF;
}

/*****************************************EVENT STYLE*********************************/

.eventStyle{
	width:316px;
	height:64px;
	background:url(/images/recipients/UpcomingEvent.jpg) no-repeat #FFFFFF;
	background-repeat:no-repeat;
}


/*****************************************GIFT DETAIL STYLE*********************************/


.messageClassicStyle{
	width:30px;
	height:25px;
}


.addUpReviewStyle{
		width:405px;
		margin:-15px 0px 0px -10px;
		height:230px;
		background:url(/images/giftdetail/addAUpReviewV2.png) no-repeat #FFFFFF;

	
}

.addDownReviewStyle{
		width:405px;
		margin:-15px 0px 0px -10px;
		height:230px;
		background:url(/images/giftdetail/addADownReviewV2.png) no-repeat #FFFFFF;
}

.addStarReviewStyle{
		width:405px;
		margin:-15px 0px 0px -10px;
		height:230px;
}

.addMessageStyle{
		width:395px;
		margin:-15px 0px 0px -10px;
		height:230px;
		background:url(/images/giftdetail/addACommentV2.jpg) no-repeat #FFFFFF;
}

/*****************************************FIND GIFT STYLE*********************************/

.findGiftTableStyle{
	font-weight: 13px;
	width:190px;
	height:170px;
	padding:0px 2px 0px 0px;
}

.titleClass{
color:#00a0a4;
font-size:15px;
}

.budgetSeeAtLabelClass{
color:#808080;
}

.giftListClass{
	 color:red;
	 font-size: 10px;
}

.pinnedGiftStyle{
	width:766px;
	height:107px;
	border-style: solid;
	border-width: 1px;	
	border-color:#C0C0C0;
}

.homeTitleStyle{
	background:url(/images/homePage/home_title_gradient_1x142.gif) no-repeat #FFFFFF;
	background-repeat: repeat;
}

.findGiftSearchStyle{
	width:200px;
	height:480px;
	background:url(/images/findgift/searchBackground.jpg) no-repeat #FFFFFF;
	background-repeat:no-repeat;
}

.userNameFilterStyle{
	width:180px;
	height:30px;
	overflow: hidden;
	font-weight:normal;
}

.selectedStyle{
	position:relative;
	left:0px;
	top:0px;
}

.notSelectedStyle{
	position:relative;
	right:0px;
	top:0px;
}


.similarGiftStyle{
	width:100px;
	height:100px;
}

.preferenceNotExpandedStyle{
	width:180px;
	z-index:111111;
	position:absolute;
	border-color:#C0C0C0;
	overflow:hidden;
	height:23px;
	border-style: solid;
	border-width: 2px;
	background:url(/images/findgift/preferenceBackgoundClosed.gif) no-repeat #FFFFFF;
	background-repeat:no-repeat;
}

.preferenceExpandedStyle{
	width:180px;
	z-index:111111;
	position:absolute;
	border-color:#C0C0C0;
	overflow:hidden;
	height:275px;
	border-style: solid;
	border-width: 2px;
	background-repeat:no-repeat;
	background:url(/images/findgift/preferenceBackgoundOpen.gif) no-repeat #FFFFFF;
}

.SearchByStyle{
	z-index:1;
	background-repeat:no-repeat;
}

.saveProfileStyle{
	position:absolute;
	top:30px;
	left:500px;
	cursor:pointer;
}

.saveProfileMouseOverStyle{
        display:none;
	position:absolute;
	top:30px;
	left:500px;
	cursor:pointer;
}


.selectorBannerStyle{
	position:absolute;
	top:30px;
	left:1px;
}

.selectorPrincipaleTableStyle{
	position:absolute;
	top:90px;
	left:-20px;
	width:727px;
}


/*****************************************HOME WORLD STYLE*********************************/

.homeWorldStyle{
	background:url(/images/kaddozWorld/userBackground.jpg) no-repeat #FFFFFF;
	background-repeat:no-repeat;
	width:235px;
	height:142px;
}
/****************************************CALENDAR STYLE*********************************/

.tooltipEventCss {
	 width:260px;
	 height:110px;
	 background-color:white;
	 border-style: solid;
	 border-width: 1px;
	 border-color: black;
	 }
/*******************************************TITLE*************************************/
.blueTitle {
  margin:0px 0px 0px 0px;
  padding:10px;
  color:#6193C6;
  font-style:italic;
  font-size:18px;
  font-weight: bold;
}

.smallBlueDescription {
  margin:0px 0px 0px 0px;
  color:blue;
  font-style:italic;
  font-size:12px;
}

.orangeBigTitle {
  margin:0px 0px 0px 0px;
  padding:10px;
  color:orange;
  font-style:italic;
  font-size:23px;
}

body .dojoDialog {
	background : #eee;
	border : 1px solid #999;
	-moz-border-radius : 5px;
	padding : 4px;
}


body .dojoTooltip {
	border: solid black 0px;
	background-color:transparent;}


.rich-tool-tip{
    background-color: white;
    border-color: black;
    
}

H1{
	font-style:italic;
	padding:0px 0px 0px 10px;
	font-family: Verdana;
	font-size:24px;
	font-weight:500;
	height:20px;
	color:#0b3978	
}

H2{
	font-family: Verdana;
	font-size:18px;
	font-weight:300;
	color:#1a2754;
}

.homePageSubTitle {
    font-family: Verdana;
	font-size:18px;
	font-weight:300;
	color:#1a2754;
}

H3{
	padding:0px 0px 0px 50px;
    font-weight:300;
    font-size:14px;
    font-family: Verdana;
    color:#666666;
}

H4{
    font-size:11px;
    font-weight:500;
    font-family: Verdana;
    color:#808080;
}

.calendarHome{
	background:url(/images/homePage/home_calendar_66x69.gif) no-repeat #FFFFFF;
	background-repeat:no-repeat;
	width:66px;
	height:69px;
}