/*
Basic styles for Canvera.com
Editor:Mayur Chaudhary
created on: 20.12.2007
Last Edit: 04.01.2008
*/

/* declaration that effectively ensures v scroll bar is always visible */
html, body {
    height:100% !important;
}
/*Styles for Messages starts here*/
.messageGreen
{
	border: 1px solid #c1e2a3;
	background-color: #f1ffe4;
	color: #360;
	height: 28px;
	text-align:left;
	padding-left: 38px;
	background-image:url(../images/img_message_check.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-top: 8px;
	margin-bottom: 8px;
}
.messageAlert
{
	border: 1px solid #e3abab;
	background-color: #ffe9e9;
	color: #c00;
	height: 28px;
	text-align:left;
	padding-left: 38px;
	background-image:url(../images/img_message_alert.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-top: 8px;
	margin-bottom: 8px;
}
/*Styles for Page Header starts here*/
.pageheader
{
	text-align:left;
	font-size: 14px;
	color: #666;
	height: 21px;
	width: 780px;
	position:relative;
	float:left;
}
.pageheader div
{
	border-bottom: 2px solid #69c;
	width: 778px;
	height: 19px;
}
/*Styles for Page Content Box starts here*/
#containerBox
{
	width:100%;
	padding:0;
	margin:0;
}
.contentbox
{
	width:778px;
	height:500px;
	text-align:left;
	margin:0;
	padding:0;

}
.contentbox div.header
{
	height:27px;
	color: #fff;
	background-color:#8bbff4;
	border-bottom: 1px dotted #ccc;
	margin: 1px;
	font-weight:bold;
	padding:0;
}
.contentbox div.wrapper
{
	border-top: 1px solid #69c;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
	border-left: 1px solid #69c;
}
.contentbox div.contentarea
{
	color: #000;
	margin: 1px;
	padding: 10px;
	text-align:left;
	position:relative;
	height:449px;
	overflow:auto;
}
.contentbox div.contentareamyalbum
{
	color: #000;
	margin: 1px;
	padding: 10px;
	text-align:left;
	position:relative;
	height:170px;

}
.contentboxnoheight
{
	width:778px;
	text-align:left;
	margin:0;
	padding:0;

}
.contentboxnoheight div.header
{
	background-image:url(../images/img_subheader_bg1.jpg);
	background-repeat:repeat-x;
	width: 780px;
	height: 32px;
	padding: 0 0 0 0;
}
.contentboxnoheight div.wrapper
{
/*	border-top: 1px solid #69c;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
	border-left: 1px solid #69c;*/
	color: #000	;
	font-weight: normal;
	font-size: 15px;
	font-family: verdana, sans-serif;
	background-image: url(../images/img_subheader_bg.jpg);
	background-repeat:repeat-x;
	position:relative;
	margin: 0px;
	line-height: 30px;
}
.contentboxnoheight div.contentarea
{
	color: #000	;
	font-weight: normal;
	font-size: 12px;
	font-family: verdana, sans-serif;
	margin: 1px;
	padding: 0 5px 5px 5px;
	text-align:left;
	position:relative;
}

.containerthumbnail
{
	position:relative;
	width:32%;
	height:150px;
	float:left;
}
.thumbnail
{
	position:relative;
	width: 125px;
	height: 135px;
	background-image:url(../images/photoalbum.jpg);	
	background-position:center;
	background-repeat:no-repeat;
	padding-top: 5px;
}
.thumbnail img
{

	width: 78px;
	height: 52px;
	border: 1px solid #fff;
	vertical-align:middle;
}

.albumdetails
{
	color: #000	;
	height: 30px;
	width: 167px;
	font-weight: normal;
	font-size: 10px;
	font-family: verdana, sans-serif;
	float:left;
	padding: 0 5px 0 0;
	margin: 10px 0 0 0;
	text-align:left;
	line-height: 12px;
}

.albumdetails_over
{
	color: #000	;
	background-image: url(../images/tab_bg_albumdetails_blue.jpg);
	background-repeat:no-repeat;
	height: 30px;
	width: 167px;
	font-weight: normal;
	font-size: 10px;
	font-family: verdana, sans-serif;
	float:left;
	padding: 0 5px 0 0;
	margin: 10px 0 0 0;
	text-align:left;
	line-height: 12px;
}
/*New Styles for Actions on My ALbum Page - Edited on 14th June 2008*/

.icoborder
{
	border: 1px solid #d4d4d4;
	
	}

.icoborderT
{
	border-top: 1px solid #d4d4d4;
	
	}
.icoborderR
{
	border-right: 1px solid #d4d4d4;
	
	}
.icoborderB
{
	border-bottom: 1px solid #d4d4d4;
	
	}
.icoborderL
{
	border-left: 1px solid #d4d4d4;
	
	}
.ico
{
	width: 19px;
	height: 19px;
	cursor:pointer;
	cursor: hand;
	}
.icoov
{
	background-image:url(../images/ico_bg.gif);
	background-repeat:no-repeat;
	width: 19px;
	height: 19px;
	cursor:pointer;
	cursor: hand;

	
	}
/*New Styles for SlideShowActions - Edited on 14th July 2008*/
.slideshoeactions
{
	background-image:url(../images/img_slideshow_control.gif);
	background-repeat:no-repeat;
	background-position:center;
	width: 124px;
	height: 46px;
	}

/*New Styles for Order Prints - Edited on 25th June 2008*/
.nl_orderPrintsheader
{
	position:relative;
	background-image:url(../images/img_orderprintsHeader_bg.gif);
	background-repeat:repeat-x;
	color: #666;
	height: 30px;
	margin: 1px 1px 1px 1px;
	}
.nl_orderPrints_ltd
{
	position:relative;
	width: 216px;
	height: 250px;
	border-right: 1px solid #ccc;
	margin: 1px 1px 1px 1px;
	}
.nl_orderPrints_albums_header
{
	position:relative;
	color: 000;
	background-color: #f1f1f1;
	width: 99%;
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 5px;
	margin: 1px 1px 1px 1px;
	}
.nl_orderPrints_albums_overflow
{
	position:relative;
	width: 220px;
	height: 250px;
	overflow:scroll;
	scrollbar-3dlight-color: #ccc;  
	scrollbar-highlight-color: #fff;     
	scrollbar-face-color: #ccc;
	scrollbar-arrow-color: #000;             
	scrollbar-shadow-color: #fff;   
	scrollbar-darkshadow-color: #999;
	scrollbar-track-color: #f1f1f1;

	}
.nl_orderPrints_albums
{
	position:relative;
	color: #666;
	background-color: #dedede;
	background-image:url(../images/img_orderprints.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 174px;
	height: 30px;
	line-height: 30px;
	padding-left: 28px;
	margin: 1px 1px 1px 1px;
	overflow:hidden;
	}
.nl_orderPrints_albums_ov
{
	position:relative;
	color: #000;
	background-color: #cfe4f2;
	background-image:url(../images/img_orderprints_ov.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 174px;
	height: 30px;
	line-height: 30px;
	padding-left: 28px;
	margin: 1px 1px 1px 1px;
	overflow:hidden;
	cursor: pointer;
	cursor: hand;
	}
.nl_orderPrints_ltd div.header
{
	position:relative;
	background-color: #f1f1f1;
	width: 220px;
	height: 30px;
	margin: 1px 1px 1px 1px;
	}
.basket
{
	background-image: url(../images/img_basket_ov.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 115px;
	width: 20%;
	}
.basket_ov
{
	background-image: url(../images/img_basket.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 115px;
	width: 20%;
	}
.subheaderBar
{
	background-image:url(../images/subheader_bar.gif);
	background-repeat:repeat-x;
	height: 39px;
}
.nl_orderPrints_albums_expanded
{
	background-image:url(../images/img_basket_expanded.gif);
	background-repeat:no-repeat;
	padding-left: 50px;
	color: #999;
	font-weight:bold;
	height: 39px;
}
.nl_orderPrints_albums_expanded_ov
{
	background-image:url(../images/img_basket_expanded_ov.gif);
	background-repeat:no-repeat;
	padding-left: 50px;
	color: #999;
	font-weight:bold;
	height: 39px;
}
.numberofprints
{
	background-image:url(../images/img_noofprints.gif);
	background-repeat:no-repeat;
	width: 80px;
	height: 23px;
	line-height: 23px;
	padding-left: 4px;
	
	}
.printsize
{
	background-image:url(../images/img_printsize.gif);
	background-repeat:no-repeat;
	width: 140px;
	height: 23px;
	line-height: 23px;
	padding-left: 4px;
	
	}
/*End od New Styles for Order Prints - Edited on 25th June 2008 - mchaudhary*/
/*New Styles for Album details - Edited on 25th June 2008*/
.nl_albumdetails
{
	position:relative;
	width: 96px;
	height: 101px;
	padding: 3px 3px 3px 3px;
	vertical-align:left;
	border: 1px solid #ccc;
	}
.nl_albumdetails_ov
{
	position:relative;
	width: 96px;
	height: 101px;
	padding: 3px 3px 3px 3px;
	vertical-align:left;
	background-color:#d5effc;
	border: 1px solid #999;
	}

/*Styels for Upload Pictures Page*/
.uploadpictureheader
{
	height:31px;
	background-image: url(../images/img_uploadheader_bg.jpg);
	background-repeat:repeat-x;
	padding: 1px;
}
.uploaded
{
	height:29px;
	line-height: 29px;
}
.uploadbar
{
	height:29px;
	background-color: #e8e8e8;
	line-height: 29px;
}
.uploading
{
	background-image: url(../images/uploading_main_blue.jpg);
	height: 12px;
	width: 10px;
}
.totalprogress
{
	height:15px;
	background-image: url(../images/overall_progressbar_bg.jpg);
	background-repeat:repeat-x;*/
}
.uploadbarbtn
{
	height: 48px;
	width: 209px;
}
/*Styels for Order Print Page*/
.innerboxcontainer
{
	border: 1px solid #ccc;
	position:relative;
}
.orderprintheader
{
	margin:1px;
	height:21px;
	background-image:url(../images/img_tableheader_bg.png);
	padding-left: 1px;
	color: #666;
	font-weight:bold;
}
.orderprintheaderblack
{
	margin:1px;
	height:21px;
	background-image:url(../images/img_tableheader_bg.png);
	padding-left: 5px;
	color: #000;
}
.orderprintsubheader
{
	margin:1px;
	height:21px;
	background-color: #e5e5e5;
	padding-left: 5px;
	color: #000;
}
.orderprintsubheaderprice
{
	margin:1px;
	height:21px;
	padding-left: 5px;
	color: #000;
}
.orderprintsubheaderpricepreview
{
	margin:1px;
	height:65px;
	padding-left: 5px;
	border-bottom: 1px solid #ccc;
}
.orderprintsubheaderpricepreview div.img
{
	width: 73px;
	height:52px;
	border: 1px solid #999;
	vertical-align:middle;
	margin: 5px;
}
.orderprintsubheaderpricepreviewlast
{
	margin:1px;
	height:65px;
	padding-left: 5px;
}
.orderprintsubheaderpricepreviewlast div.img
{
	width: 73px;
	height:52px;
	border: 1px solid #999;
	vertical-align:middle;
	margin: 5px;
}
.orderprintcontent
{
	margin:1px;
	border-top: 1px solid #ccc;
}
.orderprintapplet
{
	width: 262px;
	height: 154px;
	overflow:auto;
	border-right: 1px solid #ccc;
	text-align:left	;
	float:left;
}
.orderprintselectimg
{
	width: 487px;
	height: 154px;
	float:left;
	position:relative
}
.orderprintselectimgthumbnails
{
	width: 487px;
	height: 133px;
	overflow:auto;
	position:relative;
}
.orderprintselectimgAction
{
	height: 21px;
	background-color: #f1f1f1;
}
.orderprintbottom
{
	height: 31px;
	background-image:url(../images/orderprintbottom_bg.png);
	border-top: 1px solid #ccc;
}
.myorderboxheader1
{
	width: 337px;
}
.myorderboxbottompaperoptionscontainer
{
	background-color: #f1f1f1;
	height: 21px;
}

.myorderboxbottompaperoptions1
{
	width: 347px;
	float:left;
}
.myorderboxbottompaperoptions2
{
	float:left;
}
.myorderboxbottompaperoptions3
{
	float:left;
}
/*END of Styles for Order Print Page*/
/*New Right nav styles*/
.rt_toplink
{
	background-image:url(../images/btn_bg_rightnav_top.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width: 182px;
	height: 37px;
	vertical-align:middle;
}
.rt_middlelink
{
	background-image: url(../images/btn_bg_rightnav_midbg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width: 182px;
	height: 31px;
	vertical-align:middle;
}
.rt_bottomlink
{
	background-image: url(../images/btn_bg_rightnav_bottom.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width: 182px;
	height: 32px;
}
.rt_img
{
	text-align: left !important;
	padding-left: 20px;
	vertical-align:top;
	}
.rt_img_quicktipsheader
{
	background-image: url(../images/img_quicktips_header.jpg);
	background-repeat:repeat-y;
	background-position:center;
	text-align: left !important;
	width: 182px;
	height: 39px;
	padding-left: 20px;
	vertical-align:top;
	}
.rt_img_quicktipsmain
{
	background-image:url(../images/img_quicktips_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	text-align: left !important;
	width: 182px;
	height: 32px;
	padding-left: 20px;
	vertical-align:top;
	}
.rt_img_quicktipsbottom
{
	background-image: url(../images/img_quicktips_bottom.jpg);
	background-repeat:repeat-y;
	background-position:center;
	text-align: left !important;
	width: 182px;
	height: 15px;
	padding-left: 20px;
	vertical-align:top;
	}
.rt_img_legends
{
	background-image: url(../images/img_legends_header.jpg);
	background-repeat:repeat-y;
	background-position:center;
	text-align: left !important;
	width: 182px;
	height: 39px;
	padding-left: 20px;
	vertical-align:top;
	}

/*End of New Right nav styles*/

.rightnavcontainer
{
	position:relative;
	float:left;
	margin-left:10px;
	width:178px;
}
.rightnav
{
	position:relative;
/*	height:224px;*/
	border-top: 2px solid #69c;
	border-right: 1px solid #69c;
	border-bottom: 2px solid #69c;
	border-left: 1px solid #69c;
	text-align:left;
}
.rightnav div.menu
{
	position:relative;
	height: 27px;
	width: 100%;
	background-image:url(../images/rightnavbg.png);
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.rightnav div.teaserheader
{
	background-color: #d8eafb;
	font-weight:bold;
	margin: 2px;
	height:18px;
	padding-left: 5px;
	padding-top: 5px;	
}
.rightnav div.teasercontent
{
	margin: 2px;
	padding-left: 5px;
	padding-top: 5px;
	
}
/*Styles for Payment Options*/
.paymentoptions
{
	height: 45px;
	background-color: #f1f1f1;
	padding-left: 5px;
	vertical-align:middle !important;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.paymentoptionsov
{
	height: 45px;
	background-color: #feeeb5;
	padding-left: 5px;
	vertical-align:middle !important;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.paymentoptionsradiowidth
{
	width: 30px;
}