body {background-color: #B1B3B4;color: #1D2423;font-family: "Lucida Grande", helvetica, arial, verdana, sans-serif;margin: 0 0 0 0;} .container{position: relative;width: 980px;} #body.container{padding-top:0px;background-color:#F4F2E6;min-height:500px;} .displayNone{ display: none !important;} div.navHeader,div.navHeaderSmall {background: #FFFFFF url(images/global/header_background.png) repeat scroll 0 0;} div.navHeaderSmall {height: 86px; background: #FFFFFF url(images/global/header_background_short.png) repeat scroll 0 0;} div.navHeader .container, div.navHeaderSmall .container { height: 81px;} div.navBar {background: transparent url(images/global/menu_bg_2.jpg) repeat-x scroll 0 0; height: 30px; width: 978px; margin: 0 auto; border-left: 1px solid #B6106B; border-right: 1px solid #B6106B; } div.navBarSmall { background: #D95294 none repeat scroll 0 0; border-left: 1px solid #D95294; border-right: 1px solid #D95294; height: 5px; width: 978px; margin: 0 auto;} a.button {display: block;text-align: left; text-indent: -9999px;} a#sitelogo { background: url(images/global/logo_hitched.jpg); height: 100px; width: 344px; left: 0; top:2px; position:absolute;} div#ribbon{ margin-right:5px;} ul#ribbon, #ribboncap{ background:transparent url(images/unibind/bg-ribbon.png); color:#666; font-size:10px; height:28px; line-height:28px; list-style:none; height:28px; margin:0; padding:0; width:231px; white-space:nowrap; z-index:220;} ul#ribbon, #ribboncap{width:237px;} ul#ribbon{ float:left;} #ribboncap{ background:transparent url(images/unibind/rightcap-ribbon.png); width:5px; height:28px; float:right;} .ribbonbox{float:right; width:241px;} .ribbonbox {width:247px;} ul#ribbon li{ display:inline; height:28px; line-height:28px; padding:2px 18px 2px 21px;} #poweredby{ background:transparent url(images/hitched/poweredbymeno.gif); width:70px; height:45px; float:right; margin:10px 26px;} /* Nav tabs */ #nav-tabs { margin: 0; font-size:11px;} #nav-tabs ul, #nav-tabs2 ul{ margin: 0;} #nav-tabs li, #nav-tabs2 li { float: left; font-size: 1em; font-weight: bold; list-style-image: none; list-style-position: outside; list-style-type: none; margin-right: 4px; margin-top: 56px; height: 24px; width: 134px; text-align:center; padding-top:3px; background: transparent url(images/global/tab_off.png) no-repeat scroll;} #nav-tabs li.last, #nav-tabs2 li.last{ margin-right:0;} #nav-tabs li.active, #nav-tabs2 li.active { background: transparent url(images/global/tab_on.png) no-repeat scroll;} #nav-tabs a, #nav-tabs2 a { color: #BC607A; display: block; text-decoration:none;} #nav-tabs li.active a, #nav-tabs2 li.active a { color:#FFFFFF;} #nav-tabs a:hover, #nav-tabs2 a:hover { color: #9F0356;} #nav-tabs2 li{ margin-left: 10px; margin-top: 0px; background: none; font-size:10px; width: 150px; padding-top:5px;} #nav-tabs2 li.active { background: transparent url(images/global/tab_secondary_on.png) no-repeat scroll;} #nav-tabs2 a { color:#FFFFFF; padding-top:3px;} #nav-tabs2 li.active a { color: #BC607A;} #nav-tabs2 li:hover { background: transparent url(images/global/tab_secondary_on.png) no-repeat scroll; color: #BC607A;} /* Footers */ #brochureFooter{ background-color:#5A5B5E;} #brochureFooter ul{ margin: 0;} #brochureFooter li{ float: left; font-size: 1.1em; font-weight: bold; list-style-image: none; list-style-position: outside; list-style-type: none; margin-right: 32px; height: 80px; text-align:center; padding-top:3px;} #brochureFooter li.last{ margin-right:0; } #brochureFooter li a{ display:block; height: 80px;} #brochureFooter li a span{ display:none;} #brochureFooter #register{ background: transparent url(images/global/register.gif) no-repeat scroll; width: 250px;} #brochureFooter #blog{ background: transparent url(images/global/blog_icon.gif) no-repeat scroll; width: 180px;} #brochureFooter #login{ background: transparent url(images/global/login.gif) no-repeat scroll; width: 180px;} #brochureFooter #contact{ background: transparent url(images/global/contactus.gif) no-repeat scroll; width: 260px;} #bannerBar, #bannerBarStandoff{ height:45px; background-color:#E7B9C4;} #bannerBarStandoff h1{ float:right; margin-right:20px; margin-bottom:0;} .sidePanel, .sidePanelLong{ position:relative; margin-top:-25px; width: 160px; height: 350px; color: #fff; background-color:#CA1C76; padding: 20px; text-align: left; -webkit-border-radius: 30px; -moz-border-radius: 30px;} .sidePanelLong{ height: 450px; margin-bottom:20px;} #splashButtons a{ height:188px; width:188px; display: block;} #splashButtons span{ display:none;} #splashBar{ background-color:#CB1C77; height:98px; margin-top:10px; border-top: 1px solid #e51187; border-bottom: 1px solid #e51187;} #splashBar h1{ margin: 0 0 0px 50px; padding-top:15px; font-size:28px; color:#fff;} #splashBar p{ margin: -10px 0 0px 50px; font-size:14px; color:#680d3d;} .homeInfoBox{ margin-left:50px; padding-bottom:10px;} .homeInfoBoxFirst{ margin-left:70px;} #yourmemories, #youryearbook, #ourservices { position:relative; margin-top:-25px; width: 130px; height: 30px; color: #fff; background-color:#9d135b; border: 4px solid #fff; padding: 5px 12px 0 20px; text-align: left; -webkit-border-radius: 10px; -webkit-border-bottom-left-radius: 0px 0px; -moz-border-radius: 10px;} #youryearbook{ background-color:#257e91;} #ourservices{ background-color:#86b03d;} #yourmemoriesbox, #youryearbookbox, #ourservicesbox{ position:relative; margin: -12px 0 0 20px; width: 230px; height: 300px; color: #000; background-color:#f2e7eb; border: 4px solid #fff; padding: 5px 5px 10px 5px; text-align: left; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #youryearbookbox{ background-color:#e5e5ea;} #ourservicesbox{ background-color:#f0f3e9;} #yourmemoriesbox ul, #youryearbookbox ul, #ourservicesbox ul{ list-style-type:none; padding-left: 5px; margin:0;} #yourmemoriesbox li, #youryearbookbox li, #ourservicesbox li{ background: transparent url(images/global/arrow_15x15.png) no-repeat scroll 0 2px; padding-left:20px; padding-bottom:5px; font-weight:bold; color:#B30052;} #yourmemoriesbox span, #youryearbookbox span, #ourservicesbox span{ font-weight:normal; font-size:10px; color:#000;} .sidePanel h1{ color:#E7B9C4;font-size:48px; font-weight:bold; text-align:center; margin:0;} .sidePanel ul{ list-style-type:none; padding-left: 5px; margin:0;} .sidePanel li{ padding-bottom:5px; font-weight:bold;} .sidePanel a{ text-decoration: none; color: #fff;} .sidePanel a:hover{ color: #E7B9C4;} .sidePanel a.active{ color: #E7B9C4;} .faqPanel{ position:relative; margin: 0px 0 0 20px; width: 650px; height: 310px; color: #000; background-color:#D1D1D1; padding: 20px 10px 10px 20px; text-align: left; -webkit-border-radius: 20px; -moz-border-radius: 20px;} .faqPanel h1{ color:#CA1A76; font-size:22px; font-weight:bold; margin-bottom:15px;} .faqPanel h2{ color:#CA1A76; font-size:14px; font-weight:bold; margin-bottom:15px;} .faqPanel p{ margin: 0px 0 10px 0;} .offScreen{ left:-99999px; height:0px;} .animationPanel{ position:relative; background-color:#AA165D; -webkit-border-radius-bottomright: 20px; -moz-border-radius-bottomright: 20px;} #sponsorPanel{ padding:20px 25px 20px 5px;} #sponsorPanel ul{ list-style-type:none; padding-left: 0; margin: 25px 0;} #sponsorPanel li{ background:transparent url(images/global/star_white_15x15.png) no-repeat scroll 0 2px; padding: 3px 0 5px 15px; font-weight:bold; color:#ffff; font-size: 10px;} #theTeamPanel p { font-size:11px; margin-left:2px;} .staffImageBox{ margin-right:0; width:98px !important;} .staffImageBoxBottom{ margin-top:0px; margin-right:0; width:98px !important;} .staffImage{ position:relative; margin: 0; width: 90px; height: 110px; color: #000; background-color:#fff; border: 4px solid #CA1A76; padding: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .staffImageName{ color:#CA1A76; font-weight:bold; text-align:center; width:100px;} #yearbookSidePanel li{} #yearbookSidePanel li a{display:block; text-indent:-9999px; height: 20px;} #yearbooksLink1 a{ background: transparent url(../images/yearbooks/studentpages_white.png) no-repeat scroll 0 0px;} #yearbooksLink1 a.active, #yearbooksLink1 a:hover{ background: transparent url(../images/yearbooks/studentpages_pink.png) no-repeat scroll 0 0px;} #yearbooksLink2 a{ background: transparent url(../images/yearbooks/featurepages_white.png) no-repeat scroll 0 0px;} #yearbooksLink2 a.active, #yearbooksLink2 a:hover{ background: transparent url(../images/yearbooks/featurepages_pink.png) no-repeat scroll 0 0px;} #yearbooksLink3 a{ background: transparent url(../images/yearbooks/awards_white.png) no-repeat scroll 0 0px;} #yearbooksLink3 a.active, #yearbooksLink3 a:hover{ background: transparent url(../images/yearbooks/awards_pink.png) no-repeat scroll 0 0px;} #yearbooksLink4 a{ background: transparent url(../images/yearbooks/menopages_white.png) no-repeat scroll 0 0px;} #yearbooksLink4 a.active, #yearbooksLink4 a:hover{ background: transparent url(../images/yearbooks/menopages_pink.png) no-repeat scroll 0 0px;} #yearbooksLink5 a{ background: transparent url(../images/yearbooks/booktype_white.png) no-repeat scroll 0 0px;} #yearbooksLink5 a.active, #yearbooksLink5 a:hover{ background: transparent url(../images/yearbooks/booktype_pink.png) no-repeat scroll 0 0px;} .yearbookPanel h2{ color:#CA1A76; font-weight:bold; font-size:18px;} #faqPanel li{ text-indent:-500px;} #faqPanel li a{ display:block; height: 20px;} #faqLink1 a{ background: transparent url(../images/whymeno/datacollection.png) no-repeat scroll 0 0px;} #faqLink1 a.active, #faqLink1 a:hover{ background: transparent url(../images/whymeno/datacollection_pink.png) no-repeat scroll 0 0px;} #faqLink2 a{ background: transparent url(../images/whymeno/onlinecreationsystem.png) no-repeat scroll 0 0px;} #faqLink2 a.active, #faqLink2 a:hover{ background: transparent url(../images/whymeno/onlinecreationsystem_pink.png) no-repeat scroll 0 0px;} #faqLink3 a{ background: transparent url(../images/whymeno/youryearbook.png) no-repeat scroll 0 0px;} #faqLink3 a.active, #faqLink3 a:hover{ background: transparent url(../images/whymeno/youryearbook_pink.png) no-repeat scroll 0 0px;} #faqLink4 a{ background: transparent url(../images/whymeno/price.png) no-repeat scroll 0 0px;} #faqLink4 a.active, #faqLink4 a:hover{ background: transparent url(../images/whymeno/price_pink.png) no-repeat scroll 0 0px;} #faqLink5 a{ background: transparent url(../images/whymeno/service.png) no-repeat scroll 0 0px;} #faqLink5 a.active, #faqLink5 a:hover{ background: transparent url(../images/whymeno/service_pink.png) no-repeat scroll 0 0px;} #spokecontainer{ width:750px; margin-left:50px;} #spokecontainer #sect1{width:188px;float:left;} #spokecontainer #sect2{width:188px;float:left;} #spokecontainer #sect3{width:210px;float:left;padding:20px;} #spokecontainer #dedicatedbox{margin-top:110px;width:188px;} #spokecontainer #boxarrows{margin-top:10px;padding:10px;} #spokecontainer ul{list-style-type: none;padding: 0;margin: 0;} #spokecontainer li{ background-image: url(../images/easyas123/tick.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 1.6em; margin: 0 4px; font-size:11px;} .formType{ margin-left:20px; margin-top:10px;} .formType h2{ font-weight:bold; font-size:18px; margin:0;} .formType h3{ font-weight:bold; font-size:14px; margin:0 0 5px 0;} .formType h4{ font-weight:bold; font-size:12px; font-style:italic; margin:0 0 10px 0;} .formType p{ margin:0;} .formType label{ display: block; margin-top:10px; float:left; width:145px;} #dialog_link { padding: .4em 1em .4em 20px; text-decoration: none; position: relative;} #dialog_link span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px; zoom: 1;} #quoteSidePanel{ margin-left:5px; font-size:11px;} #quoteSidePanel h2{ color:#F0E0EA; font-size:24px; font-weight:bold; margin-bottom:5px; text-align: left;} ul#stepBar, ol#stepBar { list-style-position: inside; margin: 0 0 10px 0; padding: 0; width: 950px; height: 71px;} #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: #FFA906; background-image: url(../images/unibind/navCurrentBtn.gif);} #stepBar li.currentDone { background-color: #8DB214; background-image: url(../images/unibind/navLastDoneBtn.gif);} #stepBar li.done { background-color: #8DB214; background-image: url(../images/unibind/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: 150px; margin-top: 12px; 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: 316px;} #stepBar.fourStep li{ width: 237px;} #stepBar.fourStep li.mainNavNoBg{ width: 239px;} #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;} #specsForm, #sizeForm, #againForm{ margin-left:30px;} .quoteForm label{ display: block; margin-top:10px; float:left; width:200px;} #sizeForm.quoteForm label{ margin-top:5px;} #specsForm input, #againForm input.text{width: 60px;} #adviceText p{ margin-bottom:4px;} #step3panel h3{ font-weight:bold; font-size:18px; margin-bottom:0;} #againForm p{ margin-bottom:0px;} #quoteBody h3{ margin-left:30px; margin-bottom:5px;} #quoteBody p{ margin-bottom:2px; margin-left:40px;} #contactDetails{ position:inherit; margin: -347px 20px 0; width: 200px; height: 220px; color: #fff; background-color:#5A5B5E; border: 4px solid #fff; padding: 20px; float:right; font-size:11px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} #contactDetails h3{ color: #fff; font-weight:bold; font-size:12px; margin:0;} #contactDetails a{ color: #F1E5EA; text-decoration:none;} /**********Code added by Vishal************/ .clear {clear:both;} .header {height:90px; width:980px; margin:auto; background-color:#380062;} background:url(images/global/header_bg.gif) repeat-x; .logo {margin:15px 0px 0px 14px; background:url(images/global/logo_hitched.gif) no-repeat; float:left; width:496px; height:46px; 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 {background-color:#4D4E4C; height:27px; margin-bottom:1px; width:980px; margin:auto;} .menu ul {margin:0px; padding:0px;text-align:left;} .menu ul li {background-color:#4D4E4C; display:inline;padding:6px 0px;} /*background:url(images/global/menu_bar.gif) no-repeat;*/ * html .menu ul li {padding:0px;} :first-child+html .menu ul li {padding:0px;} .menutab {background-color:#4D4E4C; 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:#D95294; height:27px;} /*background:url(images/global/menu_bgover.jpg) repeat-x; */ .activemenu{ height:27px;}/*background:url(images/global/menu_bgover.jpg) repeat-x; */ .activemenu a {padding:6px 15px;color:#D1007F; text-decoration:none; font-weight:bold; height:27px;} /*background:url(images/global/menu_bgover.jpg) repeat-x; */ .menutablogout {background-color:#4D4E4C; font:bold 12px/27px "Century Gothic", "Trebuchet MS", arial, helvetica, sans-serif; color:#FFF; float:right; padding-top:0;} /*background:url(images/global/menu_bg.jpg) repeat-x; */ .menutablogout a {color:#fff; text-decoration:none; padding:6px 15px; margin-left:2px;} .menutablogout a:hover {background-color:#D95294; height:27px;} /*background:url(images/global/menu_bgover.jpg) repeat-x; */ .menu2 {background-color:#D95294; height:27px; margin-bottom:1px; width:980px; margin:auto;}/*background:url(images/global/menu_bg_2.jpg) 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 "Century Gothic", "Trebuchet MS", arial, helvetica, sans-serif; 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(images/global/menu_bgover.jpg) repeat-x; */ .activemenu2 a {padding:6px 15px;color:#4C4D4B; text-decoration:none; font-weight:bold; height:27px;} /*background:url(images/global/menu_bgover.jpg) repeat-x; */ #tabs { float:left; width:150px; margin: 5px 0px ; font-family: tahoma,arial,verdana,sans-serif; /* overflow:hidden; */ } .containerwidth {width:950px;} :first-child+html .containerwidth {width:820px;} /**********Code added by Vishal************/ .fg-button { outline: 0; margin:0 4px 0 0; padding: 2px 2px; font-size: 12px !important; font-weight: normal !important; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; } .fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } a.fg-button { float:left; } /* remove extra button width in IE */ button.fg-button { width:auto; overflow:visible; } .fg-button-icon-left { padding-left: 2.1em; } .fg-button-icon-right { padding-right: 2.1em; } .fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; } .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; } .fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */ .fg-buttonset { float:left; } .fg-buttonset .fg-button { float: left; } .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button { margin-right: -1px;} .fg-toolbar { padding: .5em; margin: 0; } .fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; } .fg-toolbar .fg-button { font-size: 0.6em; } .bookQuotePanel {width:250px!important;} .bookQuotePanel #booksDescription {margin:5px;padding:5px;} .bookQuotePanel #bookColorDescription {margin:5px;padding:5px;line-height:25px;} .requestQuote {padding:5px 0 0 5px!important;} /**********Code added by Vishal 09-02-2011 ************/ #contentFooter { padding: 0px 15px 0px 30px;font-size:10px; font-weight:bold; text-align:right;margin-left:5px;} div.pageStyleArticle60px{ background:url(images/page_order_article_60px.png) no-repeat; } div.pageStyleMontage60px, div.pageStyleMontageCaption60px{background:url(images/page_order_montage_60px.png) no-repeat;} div.pageStyleSingleImage60px{background:url(images/page_order_single_image_60px.png) no-repeat; } div.pageStyleContributor60px{ background:none;} div.featurePageStyle{border:1px solid #CBC5DA;width:49px;height:60px;margin: 5px 0 30px 0;float:left;} #featureButtonBar{margin-right:5px;} #featureTitleHolder input{width:430px; font-size:14px;padding-left:5px; } .imageDropBox, .imageDropBox1, .imageDropBox6, .imageDropBox12, .imageDropBox15, .imageDropBox18,imageDropBox100 {width:484px;margin: 0 0 5px 14px; height:400px; float:none; border: 1px solid #ccc; background: #ffffff url(images/image-drag-box.png) 50% 50% no-repeat; } .imageDropBox1{ height:150px; background: #ffffff url(images/image-drag-box_1images.png) 50% 50% no-repeat; } .imageDropBox6{ height:300px; background: #ffffff url(images/image-drag-box_6images.png) 50% 50% no-repeat; } .imageDropBox100{ height:585px; width: 506px; overflow: auto;background: #ffffff url(images/image-drag-box_100images.jpg) 50% 50% no-repeat; } .imageDropBox12{height:500px; background: #ffffff url(images/image-drag-box_12images.png) 50% 50% no-repeat;} .imageDropBox15{height:620px; background: #ffffff url(images/image-drag-box_15images.png) 50% 50% no-repeat;} .imageDropBox18{height:700px; background: #ffffff url(images/image-drag-box_18images.png) 50% 50% no-repeat;} .imageDropUnlimited{height:620px; background: none ; overflow-x:hidden; overflow-y:scroll; margin:0px; border:1px solid #CCCCCC; width:500px} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:0;} /*Added on 13th Mar 2014 */ #browsfild { position:relative; width:100%; height:30px; float:left; margin-bottom:7px; margin-right:0px; background: url(images/browse_field_bg_lt.gif) no-repeat scroll left top transparent; } #imageUpload { position:relative; width:99.5%; height:49px; line-height:49px; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } #browservisible { position: absolute; top: 0px; left: 0px; z-index: 1; background: url(images/browse_btn1.gif) top right no-repeat; height:30px; width:99%; margin-right:0px; padding-left:1%; } #imageUpload { position:relative; width:99.5%; height:30px; line-height:30px; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } .bfild { width:auto; height:30px; line-height:30px; margin-right:0px; font-size:13px; } #file_field { width:54%; height:30px; margin-right:0px; border:solid 0px #000; font-size:13px; color:#58595b; background:none; } /* 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 } .myCustomeGuestTooltip{margin-left:8px; width: 236px !important;} .myCustomeGuestTip{display:block; } .myCustomeGuestContent{background:url("images/popup_box.png") repeat scroll 0 0 #E3EEF9 !important; width:270px; height:225px; padding:15px !important; }/*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; } /*Added on 21st Jan 2013*/ .qtip-wrapper{width:270px !important;} /* css added by Rupal for progress page yellow utton on 13 Feb 2014 */ .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; } /* css for feature page for small heading on features pages - removed as brandies site was displaying this color .smallHeading { width:200px; background: url("images/ui-bg_highlight-soft_0_310067_1x100.png") repeat-x scroll 50% 50% #310067; color:white; float:left; padding:4px 0 0 8px; height:22px; font-size: 0.9em } */