.cfgrid table{margin-bottom:2px;}
.cfgrid th, .cfgrid td, .cfgrid caption{padding:0;}
body {background: #FCF7FA url(images/global/header_background.png) repeat-x scroll 0 0;color: #1D2423;font-family: 'Lucida Grande', helvetica, arial, verdana, sans-serif;margin: 0 0 0 0;}
p{	font-family: 'Lucida Grande', helvetica, arial, verdana, sans-serif;}
#appbody h1 {	color: #000;	font-size: 28px;	line-height: 26px; padding-top:10px;	width: 980px;	text-shadow: 1px 1px #DDDDDD;}
h2{color:#49115C;}
.red{ color:#D50000;}
.header {	height: 96px;	width:980px; margin:auto; 	background-color:#F3F0E9;}	
.logo {margin:5px 0 10px 15px; background:url(images/global/meno-reunion_logo.jpg) no-repeat; float:left; width:142px; height:50px; text-indent:-3000px; display:block}
.logo a {display:block; height:100px;}
.login {margin:19px 8px 0px 0px; background:url(../images/global/login_btn.jpg) no-repeat; float:right; width:92px; height:93px; text-indent:-4000px; display:block}
.login a {display:block; height:93px;}

.menu { height:27px; margin-bottom:1px; width:980px; margin:auto;  background:url(images/ui-bg_flat_0_740331_40x100.png) repeat-x;}
.menu ul {margin:0px; padding:0px;text-align:left;}
.menu ul li {display:inline;padding:6px 0px; margin-left:5px; background-color:transparent;} /**/
* html .menu ul li {padding:0px;}
:first-child+html .menu ul li {padding:0px;}

.menutab {font:bold 12px/27px "Century Gothic","Trebuchet MS",arial,helvetica,sans-serif; color:#FFF;  } /*background:url(../images/global/menu_bg.jpg) repeat-x;*/

.menutab a {color:#fff; text-decoration:none; padding:6px 15px; margin-left:2px;}
.menutab a:hover {background-color:#D5B4C1; height:27px; }/*background:url(/css/menoyearbooks/images/nav_1_sep.gif) repeat-x;*/
.activemenu{font:bold 12px/27px "Century Gothic","Trebuchet MS",arial,helvetica,sans-serif; height:27px; background-color:#fff; background-image:none; }
.activemenu a {padding:6px 15px;color:#000; text-decoration:none; font-weight:bold; height:27px; background-color:#fff;} 
.menu2 {background-color:#D9B6DA; height:27px; margin-bottom:1px; width:980px; margin:auto; background:url(/css/menoyearbooks/images/nav_2_bg.gif) repeat-x; }/**/
.menu2 ul {margin:0px; padding:0px;text-align:left;}
.menu2 ul li {display:inline;padding:6px 0px;} /*background:url(images/global/menu_bar.gif) no-repeat;*/
* html .menu2 ul li {padding:0px;}
:first-child+html .menu2 ul li {padding:0px;}
.menutab2 { font:bold 12px/27px; color:#FFF;} /*background:url(images/global/menu_bg_2.jpg) repeat-x;*/
.menutab2 a {color:#fff; text-decoration:none; padding:6px 15px; margin-left:2px;}
.menutab2 a:hover {  height:27px;} /*background:url(images/global/menu_bgover.jpg) repeat-x;*/
.activemenu2 { height:27px; background:url(/css/menoyearbooks/images/nav_2_sep.gif) repeat-x; } /*background:url(images/global/menu_bgover.jpg) repeat-x; */
.activemenu2 a {padding:6px 15px;color:#FFFFFF; text-decoration:none; font-weight:bold; height:27px;} /*background:url(images/global/menu_bgover.jpg) repeat-x;  */

.menu ul li.activemenu {background-color:#fff;}

a.styleButton, a.styleButton2, a.styleButton3, a.styleButton4 { width:100px; height:28px; display:block; float: left; margin: 0 6px 4px 4px; padding-right:10px; text-decoration:none; background: transparent url('images/buttons-right.png') no-repeat scroll top right  ;}
html>body a.styleButton, a.styleButton2, a.styleButton3, a.styleButton4 {  width:100px;  height:28px; display:inline; float: left; margin: 0 6px 4px 4px; padding-right:10px;text-decoration:none; background: transparent url('images/buttons-right.png') no-repeat scroll top right  ;}

a.styleButton span, a.styleButton2 span, a.styleButton3 span, a.styleButton4 span { height:15px; background: transparent url('images/buttons-left.png') no-repeat scroll 0 0;    display:block; padding:8px 0 5px 18px; line-height:13px; color:#370061; font-size:11px; font-weight:bold;}
a.styleButton:hover{ background-position: right -28px; }
a.styleButton:hover span{ background-position: 0 -28px; }
a.styleButton:active{ background-position: right -56px; }
a.styleButton:active span{ background-position: 0 -56px; }

a.styleButton2{ background-position: right -84px; }
a.styleButton2 span{ background-position: 0 -84px; color:#fff;}
a.styleButton2:hover{ background-position: right -112px;}
a.styleButton2:hover span{ background-position: 0 -112px; color:#000;}
a.styleButton2:active{ background-position: right -140px; }
a.styleButton2:active span{ background-position: 0 -140px; }

a.styleButton3{ background-position: right -168px; }
a.styleButton3 span{ background-position: 0 -168px; }
a.styleButton3:hover{ background-position: right -196px;}
a.styleButton3:hover span{ background-position: 0 -196px; color:#000;}
a.styleButton3:active{ background-position: right -224px; }
a.styleButton3:active span{ background-position: 0 -224px; }

a.styleButton4{ background-position: right -252px; }
a.styleButton4 span{ background-position: 0 -252px; }
a.styleButton4:hover{ background-position: right -280px;}
a.styleButton4:hover span{ background-position: 0 -280px; color:#000;}
a.styleButton4:active{ background-position: right -308px; }
a.styleButton4:active span{ background-position: 0 -308px; }


#squareTab, #squareTab1, #squareTab2, #squareTab3, #squareTab4, #squareTab5{height:28px;   -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;  }

#bookImage{background:url('/css/images/book-image.png') no-repeat; width:268px; height:145px; position:absolute;top:0;right:10px; z-index:999;}

#homeHeader{background:url('images/global/home_image.png') no-repeat; width:268px; height:110px; position:absolute;top:0;right:10px; z-index:999;}
#createHeader{background:url('images/global/create_image.png') no-repeat; width:268px; height:110px; position:absolute;top:0;right:10px; z-index:999;}
/*#bookOptionsHeader{background:url('images/global/bookoptions_image.png') no-repeat; width:268px; height:110px; position:absolute;top:0;right:10px; z-index:999;}*/
#bookOptionsHeader{/* width:406px; */ height:110px; position:absolute;top:0;right:10px; z-index:999;}/*background:url('images/global/bookoptions_image.png') no-repeat; */

#completeHeader{background:url('images/global/complete_image.png') no-repeat; width:268px; height:110px; position:absolute;top:0;right:10px; z-index:999;}
#adminHeader{background:url('images/global/admin_image.png') no-repeat; width:268px; height:110px; position:absolute;top:0;right:10px; z-index:999;}

.myPageLeft{background: #fff url(/css/images/mypages-left-bg.png) repeat scroll 0 20px;}
.myPageRight{background: #fff url(/css/images/mypages-right-bg.png) repeat scroll 0 20px;}

#tabs {font-family: 'Lucida Grande', helvetica, arial, verdana, sans-serif;float:left; width:150px; margin: 5px 0px ; /* overflow:hidden; */  }
.containerwidth {width:950px;}
:first-child+html .containerwidth {width:820px;}
div.navBarSmall {background:url(../images/hitched/nav_2_bg.gif) repeat-x; border-left: 1px solid #D95294; border-right: 1px solid #D95294; height: 5px; width: 978px;	margin: 0 auto;}
div#ribbon{ margin-right:0px;}
ul#ribbon, #ribboncap{color:#666; font-size:10px; height:22px; line-height:22px; list-style:none; margin:0; padding:0; width:auto; white-space:nowrap; z-index:220;}
ul#ribbon, #ribboncap{width:auto;}
ul#ribbon{ float:right;}
#ribboncap{ background:transparent url(images/rightcap-ribbon.png); width:5px; height:22px; float:right;}
.ribbonbox{float:right; width:470px;}
ul#ribbon li{ display:inline; height:20px; line-height:20px; padding:0px 18px 2px 21px;}
#poweredby{ display:none;}
input[type="text"], input[type="password"], input.text, input.title, textarea, select {	margin:0;}
ul#stepBar, ol#stepBar {	width: 965px;}
#stepBar li {	background-color: #EBEBEB;	background-image: url(../images/global/navBtn.gif);	background-position: top right;	background-repeat: no-repeat;	float: left;	height: 71px;	list-style-image: none;	list-style-position: outside;	list-style-type: none;}
#stepBar li.current {	background-color: #CA1A76;	background-image: url(../../images/global/navCurrentBtn.gif);}
#stepBar li.currentDone {	background-color: #8DB214;	background-image: url(../../images/global/navLastDoneBtn.gif);}
#stepBar li.done {	background-color: #8DB214;	background-image: url(../../images/global/navDoneBtn.gif);}
#stepBar li.mainNavNoBg {	background-image: none;}
#stepBar li a, #stepBar li a:link, #stepBar li a:visited, #stepBar li a:hover, #stepBar li a:active {	color: #CCCCCC;	text-decoration:none;}
#stepBar li a em {	width: 50px; 	float: left;	color: #CCCCCC;	font-size: 64px;	font-weight: bold;	font-style: normal;	line-height: 65px;	text-shadow: 1px 1px #BBBBBB;	}
#stepBar li.current a em, #stepBar li.done a em, #stepBar li.currentDone a em {	color: #FFFFFF;}
#stepBar li a span {	float: left;	width: 120px;	margin-top: 20px;	margin-left:0px;	line-height:1em;	color: #CCCCCC;	font-size: 14px;	font-weight: bold;	font-style: normal;	text-shadow: 1px 1px #BBBBBB;text-decoration:none;}
#stepBar li.current a span, #stepBar li.done a span, #stepBar li.currentDone a span {	color: #FFFFFF;}
#stepBar.threeStep li{	width: 321px;}
#stepBar.threeStep li:hover{	cursor:pointer;}
#stepBar.fourStep li{	width: 190px;}
#stepBar.fourStep li.mainNavNoBg{	width: 178px;}
#stepBar.fiveStep li{	width: 189px;}
#stepBar.fiveStep li.mainNavNoBg{	width: 194px;}
#stepBar.fiveStep li a em {	width:40px;	}
#stepBar.fiveStep li a span {	float: left;	width: 130px;	margin-top: 12px;	color: #CCCCCC;	font-size: 12px;	font-weight: bold;	font-style: normal;	text-shadow: none;	text-decoration:none;}
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/**********Code added by Vishal	(06-07-10)	************/

h1, h2, h3, h4, ul, li {margin:0px; padding:0px;}
ul, li {list-style:none;}

/*.bookLayoutDescription p {padding:0px;}*/

.bookLayoutDescription p {padding:0px;margin:0px;}

.clear {clear:both;}

.inContainer {background:url(/images/OurWeddingBook.png) 95% 0px no-repeat ; padding-bottom:25px; }
.inContainer h1 {padding: 3px 0 3px 15px; font-size:20px; color:#740331;}
.inContainer p {padding-bottom:10px;margin:0px;}

.messageDescription { width:630px;padding: 0 0 3px 15px; font-size:12px; font-weight:bold;color:#666666;line-height:20px;float:left;}

.editorImage {  width:130px;float:left;margin-top:0px;}
.panelName { font-size:15px;padding: 0 3px 0 7px;vertical-align:text-bottom;line-height:27px; color:#fff;}

.descriptionContainer { height:650px;}
.panelContainer { width:298px; float:left;margin:8px 10px 0px 15px;}

.createImage {background: url("images/ui-bg_flat_0_740331_40x100.png") repeat-x scroll 50% 50% #740331; height: 27px; vertical-align:text-bottom;display:block;margin-left:10px; width:180px;}
.createImage img {float:left; padding-top:4px;padding-left:10px;}
.personaliseImage {background: url("images/ui-bg_flat_0_740331_40x100.png") repeat-x scroll 50% 50% #740331; height: 27px; vertical-align:text-bottom;display:block;margin-left:10px; width:180px;}
.personaliseImage img {float:left; padding-top:4px;padding-left:10px;}
.completeImage {background: url("images/ui-bg_flat_0_740331_40x100.png") repeat-x scroll 50% 50% #740331; height: 27px; vertical-align:text-bottom;display:block;margin-left:10px; width:180px;}
.completeImage img {float:left; padding-top:4px;padding-left:10px;}

.createDescription {border: 1px solid #740331;height:620px;}
.bookLayout { vertical-align:top;float:left;margin:20px 0 0 25px;}
.bookLayoutDescription { vertical-align:top;float:left;width:240px;margin:20px 0 0 0;}
.bookLayoutDescription p {padding-bottom:0px;padding-left:15px;}
.descriptionTitle {margin-left:15px;font-size:14px;color:#740331; text-decoration:none; font-weight:normal;}
.layoutDescription {margin-left:15px;font-size:11px;color:#666666;}

#crossButton {margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px;}
*:first-child+html #crossButton{margin:0px 5px 0px 0px;padding-left:2px;position: relative;top:0px;}

#navTabs .ui-tabs-panel{	padding:0;}

#featureList li .listChevron{	display:none;	background: transparent url('images/list_chevron.png') no-repeat scroll;	height:22px; width:10px; 	position:absolute; 	top:0; right:-10px;	z-index:99;}
#featureList li.active .listChevron{	display:inline;}

#contributorList li .listChevron, #contributorList div .listChevron{	display:none;	background: transparent url('images/list_chevron.png') no-repeat scroll; float:left; height:42px; width:15px; 	position:absolute; 	top:0; right:-15px;	z-index:99;}
#contributorList li{ border-left:none;}
#contributorList li.active .listChevron, #contributorList div.active .listChevron { display:inline;}
.colourPalette, .colourPaletteActive{	background-color:#fff; 	width:12px; height:12px; float:left; margin:2px;	border:1px solid #AAAAAA;}
.colourPaletteActive{	margin: 0 1px;	border: 2px solid #333333;}
/**********		Code added by Vishal (04-08-10) 	************/

/*** Book Layout Page ***/
.bookLayoutPanel {background: #ffffff; width:180px; margin-bottom:10px;margin-left:0; float:left;}
.bookPanelTitle {padding: 3px 0 3px 15px; font-size:12px; font-weight:bold;border:none; border-bottom: 1px solid #ccc;color:#fff;}
#featureList {width: 180px; position: relative; min-height: 450px;}
#featureList ul {width:auto;}
#featureList ul li {width:192px; border-right:none;height:22px;}
#featureList ul li a {background: transparent url('/css/images/book-open.png') no-repeat scroll 0 2px;padding-top:5px; padding-left:20px; font-weight:normal; color:#000; overflow:hidden;}
#featureList ul li div {padding-top: 4px;}
#pageOrderArea {float:right; width:755px; background:#F3F0E9;}
.mainContainer {width:950px!important; padding-top:6px;}
.middlePanel {background: #ffffff; margin-bottom:10px; width:760px;}
.bookLayoutHeader {padding: 3px 0 3px 15px;border:none; border-bottom: 1px solid #ccc;color:#fff;}
.bookLayoutHeader a {font-size:11px; float: right; padding-top: 0px; padding-bottom: 0px; margin-right: 2px; margin-top:-1px;}
.bookLayoutHeader a span {margin: 0 5px 0 4px; position: absolute; left: .2em; top: 50%; margin-top: -9px;}
.bookLayoutName {float:left;font-size:12px; font-weight:bold;}
.bookLayoutDesc {margin-left:10px;font-size:10px; color:#fff;font-weight:normal;}
#frontCover {margin:8px;}
#pages {width:740px;margin:8px 8px 8px 30px;}
.pageFrontPanel {width:110px; }
.pageFrontPanel div {margin-left:0px;}
.pageFrontPanel div a {font-size:11px; bottom:1px; position:absolute;text-align:center;color:#70428D;padding-left:40px;}
.pageBackPanel {width:200px; float:left;}
.pageBackPanel a {font-size:11px; bottom:1px; position:absolute;text-align:center;color:#70428D;padding-left:40px;}
#backCover {margin:8px;}
#pagePrototype {list-style-type:none; cursor:pointer;}
/*** My Pages ***/

.pageHeader {padding:5px 0 5px 20px; height:80px;}

.pageHeader h2 {margin-bottom:0;}

.pageHeader p {margin-bottom:5px; color:#4B4B4B; width:700px;}

#navTabs {width:965px; margin: 0 5px 0 5px;}

.menuPanel {background-image:none; background-color:#fff; border-top:none; border-right:none; border-left:none;}

.bookLayoutTab {background: url('/css/images/edit-list.png') 10px 5px no-repeat;padding-left:30px!important;}

.activeMyPagesTab {background: url('/css/images/book-open.png') 10px 5px no-repeat;padding-left:30px!important;}

.guestPagesTab {background: url('/css/images/user-female.png') 10px 5px no-repeat;padding-left:30px!important;}

#commentBoxOverlay div {width: 1040px; position: absolute; /* left:9%; */ left:17.5%; top:48px; height: 530px;}

#commentBox {background: #ffffff; width:1015px; position:absolute; /* left:9%; */ left:17.5%; top:60px; height:645px; z-index:9998;}

#addBoxOverlay div {width: 710px; position: absolute; left:21%; top:48px; height: 510px;}

#addBox {background: #ffffff; width:750px ;position:absolute; left:13%; top:15px; height:550px; z-index:9999; }

#quickstartBoxOverlay div {width: 960px; position: absolute; left:7%; top:10px; height: 660px;}

#quickstartBox {background: #ffffff; width:950px ;position:absolute; left:8%; top:5px; height:650px; z-index:999;}


/*** Guest Pages ***/

.guestPagePanel {margin:0;padding:4px;}

#contributorList {background: #F3F0E9; width:200px; margin-bottom:10px;}

.yourGuestList {padding: 3px 0 3px 15px; font-size:12px; font-weight:bold;border:none; border-bottom: 1px solid #ccc;color:#fff;}

.guestList{height:600px; position:relative;}

#contentPanel {background:#ffffff; width:508px;}

#contentPanelBox {background: #eae1f0 url(images/Patterns4-06.jpg) repeat scroll 0 20px; width:504px;margin-bottom:10px;}

#contentHeader {padding: 3px 0 3px 15px; font-size:12px; font-weight:bold; height: 25px;border:none; border-bottom: 1px solid #ccc;color:#fff;}

#contributorHeader {font-size:14px; font-weight:bold; float:left; padding-top:4px;}

#savegoto {color:#FFFFFF; padding:0px 4px 0 0; float:right;margin-top:-27px;}

#messagePanel {margin: 10px auto 10px; display:none; width:480px;}

#messagePanel div {padding: 0pt 0.7em;}

#messagePanel div p {margin: 10px 10px;}

#icon {float: left; margin-right: 0.3em;}

#contentBodyGuest {position:relative;}

#controlPanel {background-color:#F3F0E9;}

.controlPanelBlock {border:none; border-bottom: 1px solid #ccc;color:#fff;padding: 3px 0 3px 15px; font-size:12px; font-weight:bold; margin-bottom:10px;}

.controlBox {height:135px;}

.controlButton {width:200px!important;}

.imageLibraryPanel {height:423px;}

#dialogQuestion p span {float:left; margin:0 7px 20px 0;}

.imageLibraryDiv {overflow:hidden!important;}


/*** Book Design Page ***/

.personaliseContainer {padding:4px!important;margin:0;}

.bookDesignPanel {background: #ffffff; width:340px; margin-bottom:10px;margin-left:0; height:440px;}

.bookSizeShape {padding: 3px 0 3px 15px; font-size:12px; font-weight:bold;border:none; border-bottom: 1px solid #ccc;color:#fff;}

.introductionText {height:70px; padding:5px;}

.introductionRadio {height:130px; padding:5px;}

.radioBox {float:left;}

.bookCoverImage {float:left;padding-left:40px;}

.designerNote {height:140px; padding:5px;}

#bookSizeNotes {width:270px; height:80px;}

#bookCoverNotes {width:270px; height:80px;}

.saveBookDesign {height:30px; padding:5px 0 0 40%;}

.saveButtonBookDesign  {width:50px!important;}


/*** Cover Design Page ***/


.coverDesignPanel {background: #ffffff; width:700px; margin-bottom:5px;margin-left:0; height:200px;}

.designTypes {float:left; width:110px; height:160px; padding:10px 10px 0 10px; text-align:center;}

.designsPresent {margin-left:10px; width:89px; height:114px;}

.noDisplay {display:none;}

#frontCoverTemplateImage {margin-left:10px; width:89px; height:114px; background-image:url('css/hitched/images/frontcover_modern1.png');}

.frontCoverTemplateLink {font-size:11px; float: right; padding-top: 0px; padding-bottom: 0px; margin-right: 2px; margin-top:-1px;}

.frontCoverTemplateTitle {margin: 0 5px 0 4px; position: absolute; left: .2em; top: 50%; margin-top: -9px;}

.frontTemplateDiv {float:left; width:110px; height:160px; padding:10px 10px 0 10px; text-align:center; font-size:11px;}

.frontTemplatesChange {float:left; width:130px; height:160px; padding:10px 40px 0 10px; text-align:center; font-size:11px;}

.frontTemplateImage {margin-left:10px; width:89px; height:114px; background-image:url('/css/hitched/images/frontcover_modern1.png');}

.backCoverDesignTheme {background: #ffffff; width:700px; margin-bottom:10px;margin-left:0; height:200px;}

.backTemplatesDiv {float:left; width:130px; height:160px; padding:10px 10px 0 10px; text-align:center; font-size:11px;}

.backTemplateImage {margin-left:10px; width:89px; height:114px; background-image:url('/css/hitched/images/frontcover_modern1.png');}

.chooseTemplateButton {width:160px!important; margin-left:35px;}

#templateDetails {padding:4px!important;margin:0;display:none;}

.bookForm {background: #F3F0E9; width:350px; margin-bottom:10px;margin-left:0; height:480px;}

.bookFormDiv {padding: 3px 0 3px 15px; font-size:12px; font-weight:bold;border:none; border-bottom: 1px solid #ccc;color:#fff;height:18px;}

.frontCoverAlignLeft {float:left;}

.frontCoverAlignRight {float:right;}

.frontTemplateNote {height:130px; width:190px; padding:10px; float:left; font-size:11px;}

#bookFrontCoverNotes {width:190px; height:100px;}

#bookBackCoverNotes {width:190px; height:100px;}

.panelBackCover {width:330px;margin-bottom:5px; margin-left:10px; height:250px; float:none!important; border: 1px solid #ccc; background: #ffffff url(/css/images/image-drag-box.png) 50% 50% no-repeat;}

#imageDropHolderFront {height:250px; width:360px; margin:0; back}

#imageDropHolderBack  {height:250px; width:360px; margin:0; back}

.savePanelButton {height:30px; padding:0px 0 0 30%; float:left;}

.yourPhotosDiv {padding: 3px 0 3px 15px; font-size:12px; font-weight:bold; margin-bottom:5px; height:20px;color:#fff; border:none; border-bottom: 1px solid #ccc;}

.addPhotosButton {width:200px!important;}

.imageLibraryDiv {height:450px;display:inline;}

#imageHolderPrototype {height:90px; width:145px; margin: 5px;}

.imageThumbDiv {padding:2px; height:90px;}

.thumbsImages {min-height:75px!important; min-width:100px!important; width:100px!important; max-height:90px!important;}

/*** Internal Page Design Page ***/

.internalPageDesignPanel {background: #ffffff; width:630px; margin-bottom:10px;margin-left:0; height:480px;}

.tradCoverDesign {margin-left:10px; width:89px; height:114px; background-image:url('/css/hitched/images/frontcover_trad1.png');}

.funCoverDesign {margin-left:10px; width:89px; height:114px; background-image:url('/css/hitched/images/frontcover_fun1.png');}

.srapCoverDesign {margin-left:10px; width:89px; height:114px; background-image:url('/css/hitched/images/frontcover_scrap1.png');}

.notesOnInternalPage {height:70px; padding:5px; font-size:11px;}

#internalNotes {width:600px; height:40px;}

.saveInternalDesignButton {height:30px; padding:0px 0 0 40%;}

.internalPageColor {background: #ffffff; width:300px; margin-bottom:10px;margin-left:0; height:580px;}

.colorSchemeNotice {padding:8px 0 2px 8px; margin-bottom:0; font-size:11px;}

.mainColorTitle {padding-left:8px; margin-bottom:4px; font-size:11px; font-weight:bold;}

#primarySwatch {margin:0 0 5px 5px; height:100px;" class="clear}

#secondarySwatch {margin:0 0 5px 5px; height:100px;" class="clear}

.colorReference {height:90px; padding-left:8px; margin-bottom:10px; font-size:11px; font-weight:bold;}

#colorNotes {width:270px; height:50px;}



/*** Guest Pages Design Page ***/

.guestPageDesignPanel {background: #ffffff; width:700px; margin-bottom:10px;margin-left:0; height:400px;}

.guestNoticeTitle {padding: 3px 0 3px 15px; font-size:12px; font-weight:bold;border:none; border-bottom: 1px solid #ccc;color:#fff;}

.guestIntroductionQue {background: #ffffff; width:350px; margin-bottom:10px;margin-left:0; height:500px;}

.guestNextQue {background: #ffffff; width:500px; margin-bottom:10px;margin-left:0; height:500px;}

.guestQuestionTable {width:450px; font-size:11px;}

.guestQuestionRow {width:20px;}

.guestQuestionText {width:450px;}


/***  Poll Question Page ***/
.pollQuestionsPanel {background:#ffffff; width:610px;}
.pollQuestionsDiv {padding: 3px 0 3px 15px; border:none; font-size:12px; font-weight:bold;}
.pollQuestionsLink {padding: 0.1em 1em 0.1em 20px; position: relative; margin-bottom:5px; margin-right: 5px; float:right; text-decoration:none; font-size:10px;}
.pollQuestionsSpan {margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px;}
.pollQuestionsRow {width:450px; vertical-align:text-top;}
.pollQuestionsText {width:300px; margin-top:0;}
.pollQuestionsTextarea {width:310px; height:100px; margin-top:0;}
.populateWithStudents {padding: 0.1em 1em 0.1em 20px; position: relative; margin-bottom:5px; margin-right: 5px; margin-top:2px;float:right; text-decoration:none; font-size:10px;}
.pollRow {width:120px; vertical-align:top; padding-right:0;}
.polluiButton {position:relative; padding: 0.1em 1em 0.1em 20px; margin-bottom:5px; float:left; text-decoration:none; width:30px; font-size:10px;}
.pollQuestionsRowText {width:30px; margin-top:0;}
.layoutDesignPanel {background: #ffffff; height:600px; width:320px;}
.layoutDesignTitle {padding: 3px 0 3px 15px; font-size:12px; border:none; font-weight:bold; margin-bottom:10px;}
.pollLayoutDesignTitles {font-size:10px;}
.pollLayoutDesignPages {float:left; width:110px; height:160px; padding:2px 2px 0 2px; text-align:center;}
.pollBigScroll {margin-left:10px; width:89px; height:114px; background-image:url('images/bigscroll_awards.jpg');}
.pollBlackboard {margin-left:10px; width:89px; height:114px; background-image:url('images/blackboard_awards.jpg');}
.pollCertificate {margin-left:10px; width:89px; height:114px; background-image:url('images/certificate_awards.jpg');}
.pollChampange {margin-left:10px; width:89px; height:114px; background-image:url('images/champagne_awards.jpg');}
.pollClipboard {margin-left:10px; width:89px; height:114px; background-image:url('images/clipboard_awards.jpg');}
.pollFilmstrip {margin-left:10px; width:89px; height:114px; background-image:url('images/filmstrip_awards.jpg');}
.pollFolders {margin-left:10px; width:89px; height:114px; background-image:url('images/folders_awards.jpg');}
.pollGoldenCup {margin-left:10px; width:89px; height:114px; background-image:url('images/golden_cup_awards.jpg');}
.pollHalloffame {margin-left:10px; width:89px; height:114px; background-image:url('images/hall_of_fame_awards.jpg');}
.pollLadder {margin-left:10px; width:89px; height:114px; background-image:url('images/ladder_awards.jpg');}
.pollNotepad {margin-left:10px; width:89px; height:114px; background-image:url('images/notepad_awards.jpg');}
.pollOscars1 {margin-left:10px; width:89px; height:114px; background-image:url('images/oscars1_awards.jpg');}
.pollOscars2 {margin-left:10px; width:89px; height:114px; background-image:url('images/oscars2_awards.jpg');}
.pollPencils {margin-left:10px; width:89px; height:114px; background-image:url('images/pencils_awards.jpg');}
.pollPolaroid {margin-left:10px; width:89px; height:114px; background-image:url('images/polaroid_awards.jpg');}
.pollPortholes {margin-left:10px; width:89px; height:114px; background-image:url('images/portholes_awards.jpg');}
.pollPostIt {margin-left:10px; width:89px; height:114px; background-image:url('images/post_it_awards.jpg');}
.pollSchoolColours {margin-left:10px; width:89px; height:114px; background-image:url('images/school_colours_awards.jpg');}
.pollScrapbookPolaroids {margin-left:10px; width:89px; height:114px; background-image:url('images/scrapbook_polaroids_awards.jpg');}
.pollScrolls {margin-left:10px; width:89px; height:114px; background-image:url('images/scrolls_awards.jpg');}
.pollStripes {margin-left:10px; width:89px; height:114px; background-image:url('images/stripes_awards.jpg');}
.pollQuestionsNotesDiv {height:70px; padding:5px; float:left;}
#pollQuestionsNotes {width:270px; height:40px;}

li #pageNumber{ bottom:98px; }
li #pageColourSelect { bottom:20px; font-size:10px; position:absolute; text-align:center; }
#pageItem { height:130px;}
#homeSteps div.step{ font-size:24px; color:#000; }

#homeSteps li { background:none; }
#autofillBoxOverlay div {width: 568px; position: absolute; left:21%; top:15px; height: 410px;}
#autofillBox {background: #ffffff; width:650px ;position:absolute; left:16%; top:15px; height:400px; z-index:100; }
/*Added on 21st Oct 2013*/

.myCustomeTooltip{ margin-left:20px; margin-top:50px; z-index:14000 !important;  }
.myCustomeTip{ }
.myCustomeContent{background:url("images/popup_box.png") repeat scroll 0 0 #F4F1F8 !important; width:236px; height:170px  }

.myCustomeGuestTooltip{margin-left: 255px !important;;top: 165px !important;  z-index:14000 !important;  }<!--margin-left:8px; margin-top:50px;-->
.myCustomeGuestTip{display:block; }
#guestPopupContent{background:url("images/popup_box.png") no-repeat scroll 0 0 #E3EEF9 !important; width:260px; height:205px; z-index:1; position:relative; }
.myCustomeGuestContent{background:url("images/popup_box.png") no-repeat scroll 0 0 #E3EEF9 !important; width:260px; height:205px;  }
.myCustomeGuestContent1{background:url("images/popup_box1.png") repeat scroll 0 0 #E3EEF9 !important; width:266px; height:217px  }
#guestPopuphtml a{text-align:center; width:185px; margin:5px; }

/* ------------------- Signed off pop up ---------------------- */
#signedOffPopup{ background: none repeat scroll 0 0 #FFFFFF; height: 329px; left: 25%; padding: 20px; position: absolute; top: 20%; width: 686px; z-index: 1000; border:1px solid #CCCCCC; }
#signedOffPopupClose{  height: 30px;  left: 710px;  position: absolute; top: -10px;  width: 30px; }
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable { top: 175px !important;}

/* css for popup on alumni pages */
.myCustomeTooltip{ margin-left:10px; margin-top:0px; z-index:999 !important;  }
.myCustomeTip{ }
.myCustomeContent{background:url("images/popup_box.png") repeat scroll 0 0 #F4F1F8 !important; width:236px; height:225px  }

/* css for feature page for small heading on features pages */
.smallHeading { width:200px; background-color:#740331 !important; color:white; float:left; padding:4px 0 0 8px; height:22px; font-size: 0.9em; }

.myCustomeGuestTooltip{margin-left:8px; width: 230px !important;}  /*  margin-top:50px;        margin-left: 255px !important;;top: 165px !important;  z-index:14000 !important;  */
.myCustomeGuestTip{display:block; }
.myCustomeGuestContent{background:url("images/popup_box.png") repeat scroll 0 0 #E3EEF9 !important; width:240px; height:200px; padding:15px !important; top:0px; left:0px; position:absolute;}/*246px*/
.myCustomeGuestContent1{background:url("images/popup_box1.png") repeat scroll 0 0 #E3EEF9 !important; width:266px; height:217px  }
#guestPopuphtml a{text-align:center; width:185px; margin:5px; }
.qtip-wrapper{width:270px !important;}

.progressYellowBut { background: transparent url('images/buttons-right.png') no-repeat  top right !important; border: 1px solid #d3d3d3; color: #000; font-weight: normal; padding-right: 10px; text-decoration:none; text-align:center;}
.progressYellowBut span { background: url("images/buttons-left.png") no-repeat 0 0 transparent; color: #370061;  display: block;  font-size: 11px;   font-weight: bold;   height: 15px;   line-height: 13px;    padding: 8px 0 5px 18px; }