body { background-color: white; }

.newhomepage {
	width: 960px;
	background-color: #ffffff;
	font-family: futura, helvetica, arial;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.homeheader {
    width: 960px;
    min-width: 960px;
    max-width: 960px;
    height: 100px;
}

.headerright {
    float: right;
}

a.news {
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    color: #e13b2c;
}

a:hover.news {
    text-decoration: underline;
}

a.button {
    border: none;
}

a.signin {
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    color: #0071bb;
}

a:hover.signin {
    text-decoration: underline;
}

.venuetypes {
    width: 960px;
    font-size: 12pt;
    font-weight: bold;
    font-family: future, helvetica, arial;
    color: white;
    background-color: #e13b2c;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.heading {
    font-size: 30pt;
    font-weight: bold;
    color: #231f20;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.links {
    float: right;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 30px;
}

a.link {
    font-size:12px;
    font-weight: bold;
    text-decoration: none;
    color: #231f20;
}

a:hover.link {
    text-decoration:underline;
}

a.footer {
    font-size:12px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

a:hover.footer {
    text-decoration:underline;
}

td {
    font-family: futura, helvetica, arial;
}

table.layout {
    width: 960px;
    min-width:960px;
    max-width:960px;
    border-collapse: collapse;
    border: black 1px single;
    padding:0px;
    border-spacing:0px;
    font-family: futura, helvetica, arial;
}

tr.groups {
    background-color: #ffffff;
}

td.group1img {
    width: 321px;
    min-width: 321px;
    max-width: 321px;
    height: 146px;
    min-height: 146px;
    max-height: 146px;
    background: url(/images/picContent.jpg) no-repeat top left;
}

td.group2img {
    width: 321px;
    min-width: 321px;
    max-width: 321px;
    height: 146px;
    min-height: 146px;
    max-height: 146px;
    background: url(/images/picTools.jpg) no-repeat top left;
}

td.group3img {
    width: 312px;
    min-width: 312px;
    max-width: 312px;
    height: 146px;
    min-height: 146px;
    max-height: 146px;
    background: url(/images/picStories.jpg) no-repeat top right;
}

td.group1 {
    width: 321px;
    min-width: 321px;
    max-width: 321px;
    vertical-align: top;
    height: 100px;
    min-height: 100px;
    max-height: 1000px;
    vertical-align: top;
}

td.group2 {
    width: 321px;
    min-width: 321px;
    max-width: 321px;
    vertical-align: top;
    height: 100px;
    min-height: 100px;
    max-height: 1000px;
    vertical-align: top;
}

td.group3 {
    width: 312px;
    min-width: 312px;
    max-width: 312px;
    vertical-align: top;
    height: 100px;
    min-height: 100px;
    max-height: 1000px;
    vertical-align: top;
}

p.groupheader {
    font-size: 26px;
    font-weight: bold;
    color: #e13b2c;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 10px;
}

p.groupdesc {
    font-size: 14.5pt;
    font-weight: bold;
    color: #808080;
    margin-top: 0px;
}

.storieslink {
    margin-left: 15px;
    margin-top: 75px;
    font-family: futura, helvetica, arial;
    font-size: 8pt;
    color: white;
    font-weight: bold;
}

.searchlink {
    margin-left: 15px;
    margin-top: 75px;
    font-family: futura, helvetica, arial;
    font-size: 8pt;
    color: white;
    font-weight: bold;
}

tr.partners {
    background-color: #808080;
}

td.partners {
    font-size: 12pt;
    font-weight: bold;
    color: white;
    letter-spacing: 1px;
    padding-top: 6px;
    padding-bottom: 6px;
}

tr.details {
    background-color: #e0e3db;
}

td.details2 {
    width: 312px;
    min-width: 312x;
    max-width: 312px;
    vertical-align: top;
    background: url(/images/picQuoteFrame.gif) no-repeat 2px 20px;
    background-color: #e0e3db;
}

td.details4 {
    width: 312px;
    min-width: 312x;
    max-width: 312px;
    vertical-align: top;
    background-color: #e0e3db;
}

td.details3 {
    width: 312px;
    min-width: 312x;
    max-width: 312px;
    vertical-align: top;
    background-color: #e0e3db;
    text-align: center;
}

table.clients {
    border-collapse: separate;
    border-spacing: 16px 8px;
}

td.clients {
    height: 52px;
    min-height: 52px;
    max-height: 52px;
    width: 107px;
    min-width:107px;
    max-width:107px;
    text-align: center;
    background-color: #ffffff;
    vertical-align: middle;
    border: 2px solid #808080;
}

p.detailhead {
    font-size: 12pt;
    font-weight: bold;
    color: #e13b2c;
    margin-bottom: 5px;
}

p.detailtitle {
    font-size: 12pt;
    font-weight: bold;
    color: #231f20;
    margin-bottom: 0px;
    margin-top: 6px;
}

p.detailinfo {
    font-size: 10pt;
    font-weight: bolod;
    color: #808080;
    margin-bottom: 0px;
    margin-top: 3px;
}

.quote {
    padding-left: 10px;
    padding-top: 12px;
}

p.quote1 {
    font-size: 12.5pt;
    font-weight: bold;
    color: #808183;
    margin-bottom: 0px;
}

p.quote2 {
    font-size: 10pt;
    font-weight: bold;
    color: #808080;
    margin-left: 30px;
    margin-top: 0px;
}

.stats {
    font-weight: bold;
    padding-top: 30px;
    padding-left: 15px;
    color: #808183;
}

.stats1 {
    font-size: 16pt;
}

.stats2 {
    font-size: 12pt;
}

tr.footer {
    background-color: #c5c7b7;
    color: #ffffff;
}

td.footer {
    padding: 10px;
    text-align: center;
}

/************************************************************/


html {
    height: 100%;
    min-height: 100%;
}

body {
    background-color: #FFFCF0;
    width: 960px;
    height: 100%;
    min-height: 100%;
    margin: 0px auto 0px auto;
    padding: 0px;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

.wideBody {
    width: 100%;
}

.container {
    width: 740px;
    margin: 8px;
}

form {
    border: 0;
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}

input {
    font-family: Arial, Helvetica, sans-serif;
}

/*******  <a> elements  *******/
a {
    font-weight: bold;
    text-decoration: underline;
    color: #666;
}

a:hover {
    font-weight: bold;
    text-decoration: none;
}

.redtext a:hover {
    font-weight: bold;
    text-decoration: none;
    background-color: #FF0000;
    color: white;
}

.redtext a {
    text-decoration: underline;
    color: #FF0000;
    font-weight: bold;
}

a.redtext:hover {
    text-decoration: underline;
    color: #FF0000;
}

a.redBg:hover,a.littleRedBg:hover,a.bigRedBg:hover,a.mediumRedBg:hover,a.mediumGrayBg:hover {
    color: #FFF;
    background-color: #FF0000;
    text-decoration: none;
}

a.littleRedBg {
    font-size: smaller;
}

a.littleRedBg2 {
    font-size: smaller;
    font-weight: bold;
    margin-left: 4px;
}

a.bigRedBg {
    font-size: large;
    font-weight: bold;
    color: #FF0000;
}

a.mediumRedBg {
    font-size: medium;
    font-weight: bold;
    color: #FF0000;
}

a.mediumGrayBg {
    font-size: medium;
    font-weight: bold;
    color: #666;
}

a.whiteBg:hover {
    color: #FF1900;
    background-color: #FFF;
}

a img {
    border: 0;
}

/******************************************/ /************  Generic styles  ************/
.genericLeft {
    float: left;
}

.genericRight {
    float: right;
}

.clear {
    clear: both;
    height: 1px;
    margin: 0px;
    padding: 0px;
}

.clearline {
    clear: both;
}

.fullwidth {
    width: 740px;
}

.paddbox1 {
    padding-top: 20px;
    padding-left: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.alignMiddle {
    vertical-align: middle;
}

.alignBottom {
    vertical-align: bottom;
}

.grayHeader {
    background-color: #E9E9E9;
}

.titleText {
    font-size: large;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 8px;
    padding-bottom: 8px;
}

.titleText2 {
    font-size: medium;
    font-weight: bold;
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 120%;
}

.italicText {
    font-style: italic;
}

.italicText img {
    margin-right: 8px;
    margin-bottom: 8px;
}

.padding4 {
    padding: 4px;
}

.indent6 {
    margin-left: 6px;
}

.largefont {
    font-size: large;
}

/******************************************/ /* The footer for all the pages */
.footer {
    clear: both;
    width: 100%;
    padding: 10px 0px 10px 2px;
    text-align: left;
    font-size: smaller;
}

.homeIconsBox {
    clear: both;
    background: url(images/homeIconsBg.gif) no-repeat top left;
    width: 474px;
    height: 60px;
    margin-left: 2px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-top: 6px;
}

.homeIconsBox img {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.homeIcon {
    float: left;
    width: 52px;
    text-align: center;
    font-size: x-small;
    line-height: 100%;
    color: #9299a0;
    padding-right: 10px;
}

.homeIcon img {
    float: none;
    display: block;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.homeBottomBar {
    width: 740px;
    height: 12px;
    background: url(images/homeBottomBar.gif) no-repeat top left;
}

.boldHome {
    color: #444b4c;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}

.logo {
    float: left;
    padding-left: 2px;
    width: 226px;
}

/********  a gray box with rounded corners  *************/
.grayBox {
    background-color: #E9E9E9;
    margin-bottom: 1px;
    padding: 0px;
}

.grayBox {
    padding-top: 2px;
    margin-bottom: 0px;
}

.grayBox2 {
    padding: 6px;
    border: 1px solid #e9e9e9;
}

.grayBox3 {
    float: left;
    width: 86px;
    margin: 0px 0px 8px 8px;
}

.grayBox2Border {
    padding: 6px;
    border: 1px solid Red;
}

.gcorner1 {
    background: url(images/graycorner1.gif) no-repeat top left;
}

.gcorner2 {
    background: url(images/graycorner2.gif) no-repeat top right;
}

.gcorner3 {
    background: url(images/graycorner3.gif) no-repeat bottom left;
}

.gcorner4 {
    background: url(images/graycorner4.gif) no-repeat bottom right;
}

/******************************************/ /* Pink box  */
.pinkBox {
    background: url(images/pinkrect.gif) repeat;
    margin-bottom: 2px;
}

.pcorner1 {
    background: url(images/pinkcorner1.gif) no-repeat top left;
}

.pcorner2 {
    background: url(images/pinkcorner2.gif) no-repeat top right;
}

.pcorner3 {
    background: url(images/pinkcorner3.gif) no-repeat bottom left;
}

.pcorner4 {
    background: url(images/pinkcorner4.gif) no-repeat bottom right;
}

.shadowRight {
    background: url(images/shadowedge1.gif) repeat-y right;
}

.shadowBottom {
    background: url(images/shadowedge2.gif) repeat-x bottom;
}

.scorner3 {
    background: url(images/shadowCorner3.gif) no-repeat bottom left;
}

.scorner4 {
    background: url(images/shadowCorner4.gif) no-repeat bottom right;
}

.grayBorderBox {
    border: 1px solid #E9E9E9;
    padding: 4px 3px 4px 3px;
    font-size: x-small;
    color: #666;
}

.grayBorderBox img {
    vertical-align: middle;
}

.pictureBox {
    float: left;
    margin-right: 8px;
    padding: 0px;
    border: 5px solid #E9E9E9;
}

.miniText {
    font-size: x-small;
    color: #666666;
}

.anotherBox {
    padding: 2px;
}

/******************************************/
#headertop {
    background: url(images/headertop.gif) no-repeat top left;
}

#headerbottom {
    background: url(images/headerbottom.gif) no-repeat bottom left;
}

#headerLogo {
    float: left;
    padding: 4px 0px 0px 4px;
}

#headerText {
    float: left;
    width: 520px;
    margin: 10px 0px 0px 4px;
    padding-bottom: 8px;
    color: #FF1900;
    font-size: medium;
    font-weight: bold;
    line-height: 140%;
}

#headerchild {
    float: right;
    padding-right: 30px;
}

/* The header in the other pages) */
#header2 {
    width: 756px;
    height: 88px;
    padding: 10px 0px 12px 34px;
    margin-top: 8px;
    background: url(images/header2.jpg) no-repeat top left;
}

/* The footer for all the pages */
#footer {
    clear: both;
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-align: right;
    font-size: smaller;
}

.signbox2 {
    margin-left: 2px;
    margin-bottom: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 14px;
    background-color: #D0EFFF;
}

.homebuttons {
    padding-left: 545px;
    padding-top: 126px;
}

.mobilete {
    padding-left: 14px;
}

.hbutton {
    padding: 0px;
    margin-right: 10px;
    float: left;
}

.hbutton a,img {
    padding: 0px;
    margin: 0px;
}

.hbutton img {
    padding: 0px;
    margin: 0px;
}

.hbutton a img {
    padding: 0px;
    margin: 0px;
}

/****************************************/
.grayballoon {
    background: url(images/grayballoon.gif) no-repeat top left;
    background-color: #CCCCCC;
    width: 354px;
    margin-top: 6px;
    font-size: small;
}

.boxleft {
    float: left;
    padding-left: 1px;
    width: 368px;
}

.boxleft2 {
    float: left;
    padding-top: 4px;
    padding-bottom: 8px;
    padding-left: 8px;
    width: 186px;
    font-weight: bold;
}

.boxleft3 {
    float: left;
    width: 240px;
}

.boxright1 {
    float: right;
    width: 360px;
    margin-left: 10px;
}

.boxright2 {
    float: right;
    width: 220px;
    margin-right: 10px;
}

.boxright3 {
    float: right;
    width: 364px;
    padding-left: 4px;
    padding-right: 16px;
}

.boxright4 {
    float: right;
    width: 188px;
    padding-right: 16px;
}

.previewBox {
    margin-top: 10px;
}

.thumb {
    padding: 0;
    float: left;
}

.thumb2ookl { /* added to balance front page images */
    height: 60px;
    width: 60px;
    float: left;
}

.thumb3ookl { /* added to balance front page images */
    height: 60px;
    width: 60px;
    float: left;
    margin-right:  8px;
    margin-bottom:  8px;
}

.thumb2 {
    padding-right: 3px;
    float: left;
}

.thumb3 { /*
	width	:	46px;
	height	:	46px;
	*/
    padding-right: 0px;
    float: none;
    padding-bottom: 6px;
}

.disabled img,.disabled input {
    padding: 1px;
    filter: alpha(opacity =   20);
    opacity: .2;
}

.selected img {
    padding: 1px;
    border: 4px solid #FF0000;
}

.thumb2 img,.thumb img,.thumb2ookl img {
    vertical-align: middle;
}

.thumb2 a.redHint img,.thumb a.redHint img,.thumb2ookl a.redHint img {
    padding: 1px;
    border: 4px solid #E9E9E9;
}

.thumb2 a.redHint:hover img,.thumb a.redHint:hover img,.thumb2ookl a.redHint:hover img {
    padding: 1px;
    border: 4px solid #FF0000;
}

.closeButton {
    float: right;
    margin: 4px;
}

/* venue detail page */
.row {
    clear: both;
    width: 450px;
    text-align: left;
    padding-top: 5px;
}

.row2 {
    width: 460px;
    height: 30px;
}

/* Contains label in list */
.content-descriptor {
    float: left;
    width: 155px;
    padding-right: 12px;
    font-size: 12px;
    text-align: right;
}

/* Contains field or data in list */
.content-text {
    text-align: left;
    width: 250px;
    float: left;
    font-size: 12px;
}

/* Contains label in list */
.form-label {
    float: left;
    width: 155px;
    padding-right: 12px;
    font-size: 12px;
    text-align: right;
}

/* Contains field or data in list */
.form-field {
    text-align: left;
    width: 275px;
    float: left;
    font-size: 12px;
}

/* Contains label in list (for administrator modify object page) */
.content-descriptor2 {
    width: 120px;
}

/* Contains field or data in list (for administrator modify object page) */
.content-text2 {
    width: 230px;
}

/* venue administrator modify object page */
.musobj {
    width: 275px;
}

/* Fixes width of gallery drop down list */
.gal_list {
    width: 160px;
}

/**********   A box with gray border and rounded corners  ***********/
.boxRight {
    background: url(images/boxV.gif) repeat-y right;
}

.boxLeft {
    background: url(images/boxV.gif) repeat-y left;
}

.boxTop {
    background: url(images/boxH.gif) repeat-x top;
}

.boxBottom {
    background: url(images/boxH.gif) repeat-x bottom;
}

.boxLT {
    background: url(images/boxCorner1.gif) no-repeat left top;
}

.boxRT {
    background: url(images/boxCorner2.gif) no-repeat right top;
}

.boxLB {
    background: url(images/boxCorner3.gif) no-repeat left bottom;
}

.boxRB {
    background: url(images/boxCorner4.gif) no-repeat right bottom;
}

.boxBody {
    padding: 8px 0px 8px 8px;
}

.boxBody2 {
    padding: 12px 12px 12px 12px;
}

#homephotos {
    margin-bottom: 0px;
    width: 740px;
}

#frame1 {
    float: left;
    width: 170px;
    padding: 28px 17px 0px 17px;
    margin-right: 16px;
    background: url(images/frame1.gif) no-repeat;
}

#frame2 {
    float: left;
    width: 109px;
    padding: 29px 17px 0px 17px;
    margin-top: 38px;
    margin-right: 16px;
    background: url(images/frame2.gif) no-repeat;
}

#frame3 {
    float: left;
    width: 134px;
    padding: 27px 13px 0px 13px;
    margin-right: 16px;
    background: url(images/frame3.gif) no-repeat;
}

#frame4 {
    float: left;
    width: 134px;
    padding: 27px 13px 0px 13px;
    margin-top: 28px;
    background: url(images/frame4.gif) no-repeat;
}

.photofooter {
    margin-top: 14px;
    width: 100%;
    text-align: center;
}

/******   Gray box with rounded corners  ******************/
.biggrayTop {
    background: url(images/grayH.gif) repeat-x top;
}

.biggrayRight {
    background: url(images/grayV.gif) repeat-y right;
}

.biggrayLeft {
    background: url(images/grayV.gif) repeat-y left;
}

.biggrayBottom {
    background: url(images/grayH.gif) repeat-x bottom;
}

.biggrayLT {
    background: url(images/graybox1.gif) no-repeat left top;
}

.biggrayRT {
    background: url(images/graybox2.gif) no-repeat right top;
}

.biggrayLB {
    background: url(images/graybox3.gif) no-repeat left bottom;
}

.biggrayRB {
    background: url(images/graybox4.gif) no-repeat right bottom;
}

.biggray {
    width: 752px;
    background: url(images/grayrect.gif) repeat;
    margin: 0px 0px 0px 0px;
}

.biggray2 {
    width: 511px;
    background: url(images/grayrect.gif) repeat;
    margin: 0px 0px 0px 0px;
}

.loginTitle {
    font-size: small;
    color: #FF1900;
}

#staff,#explore {
    margin: 0;
}

.mainTitle {
    float: left;
    margin-right: 10px;
}

.mainFoot {
    padding-right: 0px;
}

.mainTitleBody {
    padding-right: 15px;
}

.mainTitleHint {
    float: right;
    margin-top: 12px;
    margin-right: 10px;
}

/****************************************************************/
.insidebox {
    float: left;
    width: 511px;
    background: url(images/boxH.gif) repeat-x top;
    background-color: #FFF;
    margin: 4px 4px 4px 2px;
}

.insidebox2 {
    width: 752px;
    background: url(images/boxH.gif) repeat-x top;
    background-color: #FFF;
    margin: 10px 4px 4px 2px;
}

.insideButtons {
    padding-left: 12px;
    padding-top: 14px;
    margin-left: 2px;
    width: 490px;
    border: 1px solid white; /* necessary to fix a display bug Opera! */
}

.bigbutton {
    float: left;
    margin-right: 36px;
}

.bigbuttonlast {
    float: left;
    margin-right: 0px;
}

.titleText4 {
    font-size: medium;
    font-weight: bold;
}

.textbox1 {
    float: left;
    width: 258px;
    font-size: small;
    padding-left: 14px;
    padding-bottom: 8px;
}

.textbox2 {
    font-size: small;
    padding-left: 14px;
    padding-right: 8px;
    padding-bottom: 12px;
}

.textbox3 {
    font-size: small;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 1px;
}

.animbox {
    float: right;
}

.animbox2 {
    float: left;
}

.animbox,.animbox2 {
    padding: 6px;
    margin-right: 8px;
    border: 1px solid #CCC;
}

.animbox2 {
    width: 184px;
    padding: 6px;
    margin-top: 4px;
    margin-left: 16px;
    border: 1px solid #CCC;
}

.columnbox {
    float: right;
    width: 210px;
    margin-top: 20px;
}

.columnbox2 {
    float: right;
    width: 210px;
}

.grayballoon2 {
    background: url(images/grayballoon.gif) no-repeat top left;
    background-color: #CCCCCC;
    width: 210px;
    margin-top: 6px;
    font-size: small;
}

.whiterow {
    background-color: #FFFFFF;
    padding: 4px;
    margin-bottom: 8px;
}

.titleText3 {
    font-size: small;
    font-weight: bold;
}

.titleText3 img {
    margin-right: 5px;
    vertical-align: middle;
}

.moviebox {
    width: 448px;
    padding-left: 54px;
    padding-top: 24px;
    padding-bottom: 34px;
}

.mediumbox {
    margin-left: 5px;
    width: 480px;
}

.redtext {
    color: #FF0000;
    font-weight: bold;
}

.redtextLight {
    color: #FF0000;
    font-weight: normal;
}

.grayBox2 {
    background-color: #E6E6E6;
    padding: 1px;
    margin-top: 6px;
}

.grayBox3 { /* width : 214px; */
    width: 208px;
    background-color: #CCC;
    padding: 1px;
    margin-top: 4px;
}

.dotbar {
    background: url(images/dotbar.gif) no-repeat top left;
}

.dotbar2 {
    background: url(images/dotbar2.gif) no-repeat top left;
    padding-top: 10px;
    margin-top: 10px;
}

.columntext {
    padding-top: 10px;
    width: 172px;
}

.boxleft4 {
    float: left;
    padding-left: 12px;
    padding-top: 10px;
    width: 510px;
}

.pressbox {
    float: left;
    width: 400px;
    padding-left: 12px;
    font-weight: bold;
    color: #FF1900;
}

.pressbox2 {
    float: left;
    width: 390px;
    padding-left: 4px;
}

/****************************************************************/ /* presentation List View */
.storeEntry {
    padding: 10px 10px 2px 0px;
    margin-left: 8px;
    width: 720px;
}

.dottedBottom {
    background: url(images/pointsH.gif) repeat-x bottom;
}

/* Left side of every presentation entry */
.galleryLeft {
    width: 570px;
    float: left;
}

.photomini {
    float: left;
    width: 120px;
}

.photomini img {
    border: 6px solid #E9E9E9;
}

.storeLeft {
    width: 440px;
    float: left;
}

/* Hint text for every entry in Stores */
.storeHint {
    float: right;
    margin-top: 20px;
}

.createLeft {
    width: 220px;
    float: left;
}

/* Form  for the create object page */
.createForm {
    float: right;
    width: 450px;
}

.longForm {
    
}

.wideForm {
    width: 100%;
    border: 0;
}

.middleHeight {
    height: 50px;
}

.longHeight {
    height: 100px;
    width: 470px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #4A4360;
    margin-bottom: 8px;
}

/* Hint text for every entry in Galleries */
.galleryHint {
    float: right;
    width: 150px;
    text-align:left;
    margin-top: 30px;
}

.galleryHint2 {
    float: left;
    width: 150px;
}

/* Left side of every presentation entry */
.galleryLeft {
    width: 570px;
    float: left;
}

.galleryPhotos {
    float: left;
    width: 240px;
    padding-left: 10px;
}

.photomini {
    float: left;
    width: 120px;
}

.photomini2 {
    float: left;
    width: 250px;
}

.photomini img,.photomini2 img {
    border: 6px solid #E9E9E9;
}

#resourcesBox {
    float: right;
    width: 235px;
    margin-right: 4px;
    background: url(images/resourcesbg.gif) repeat-y;
}

#resourcesTop {
    background: url(images/stafftop.gif) no-repeat top;
    width: 235px;
    height: 15px;
}

#resourcesBottom {
    background: url(images/resbottom.gif) no-repeat top;
    width: 235px;
    height: 18px;
}

#resourcesHead {
    background: url(images/staffbg.gif) repeat-y;
    width: 221px;
    padding: 0px 0px 10px 14px;
    margin: -1px 0px 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #FF1900;
}

#resourcesBody {
    padding-left: 14px;
    margin: 0px 10px 17px 0px;
}

#resourcesBody img {
    margin-top: 10px;
}

/* Left side of the object detail */
.detailLeft {
    width: 284px;
    float: left;
}

/* Right side of the object detail */
.detailRight {
    float: right;
    width: 460px;
}

/* a line of dots */
.dotLine {
    background: url(images/dots_h.gif) repeat-x top;
}

/* a soft gray line */
.grayLine {
    background: url(images/gray_h.gif) repeat-x top;
}

.pinkBody {
    padding: 8px;
}

/* Gray box for Home titles */
.grayColour {
    background-color: #E9E9E9;
}

.centerContainer {
    width: 765px;
    margin: 0px auto 0px auto;
}

.wideBody {
    width: 100%;
}

/* A buttton on the right of the title bar */
.buttonRight {
    float: right;
    margin: 10px 4px 0px 0px;
}

/* A buttton on the left of the title bar */
.buttonLeft {
    float: left;
    margin: 2px 0px 0px 8px;
}

.buttonBar {
    width: 300px;
    text-align: center;
}

.buttonBar2 {
    width: 280px;
    text-align: center;
    padding-top: 10px;
    margin-left: 220px;
}

.buttonBar img,.buttonBar2 img {
    vertical-align: middle;
}

.previewBoxLeft {
    padding: 34px 2px 2px 8px;
    float: left;
    width: 100px;
    max-height      :       500px;
    overflow-x      :       hidden;
    overflow-y      :       auto;

}

.previewBoxRight {
    padding: 8px 0px 8px 0px;
    float: right;
    width: 530px;
}

/* Viewing the presentation */
.frame {
    line-height: 1px;
}

.theme0 .frame img {
    border: 10px solid #CCC;
}

.theme1 .frame img {
    padding: 15px;
    background: #ff85b6 url(images/frame_bg_theme1.gif) top left repeat;
}

.theme2 .frame img {
    border: 10px solid #fff;
}

.color0 {
    background-color: #FFF;
}

.color1 {
    background-color: #CCC;
}

.color2 {
    background-color: #999;
}

.color3 {
    background-color: #666;
}

.color4 {
    background-color: #CC99FF;
}

.color5 {
    background-color: #6699CC;
}

.color6 {
    background-color: #66CC00;
}

.color7 {
    background-color: #FFFF99;
}

.color8 {
    background-color: #FFCC33;
}

.color9 {
    background-color: #FF9900;
}

.color10 {
    background-color: #FFCCCC;
}

.tface0 {
    font-family: Arial;
}

.tface1 {
    font-family: Georgia;
}

.tface2 {
    font-family: Comic Sans, Comic Sans MS;
}

div.error {
    color: blue;
    margin-top: 5px;
    margin-left: 106px;
}

/* Featured galleries list page */
.medTextBold {
    font-size: medium;
    font-weight: bold;
}

.smallTextBold {
    font-size: small;
    font-weight: bold;
}

.leftBox {
    float: left;
    width: 480px;
}

.rightBox {
    float: right;
    width: 200px;
    margin-top: -13px;
}

.redText2 {
    color: #FF1900;
    font-weight: bold;
}

.italicText {
    font-style: italic;
}

/* A image in a paragraph of text */
.paraImg {
    float: left;
    margin-right: 8px;
}

.paraImgRight {
    float: right;
    margin-left: 8px;
}

.pointedBox {
    background: url(/ookl/images/repeatPoint.gif) repeat-y left;
    padding: 0px 0px 0px 12px;
}

.marginRight {
    float: right;
    margin-top: 8px;
    margin-right: 40px;
}

.mediumLeft {
    width: 440px;
    float: left;
}

.shortLeft {
    width: 370px;
    float: left;
}

.strongText {
    font-size: small;
    line-height: 140%;
    padding: 6px 18px 6px 0px;
    float: right;
    width: 695px;
}

.strongLabel {
    font-size: medium;
    color: #FF1900;
    font-weight: bold;
    line-height: 140%;
}

.strongLabel1 {
    font-size: medium;
    color: #000;
    font-weight: bold;
    line-height: 140%;
}

.grayLabel {
    color: #666666;
}

/* index.html : block of paragraphs with mobile icons */
.mobileBlock {
    float: left;
    margin: 0px 10px 0px 4px;
    width: 228px;
    line-height: 105%;
}

#indexColumns {
    width: 740px;
}

.mobileBlock img {
    margin-right: 8px;
}

#galleryBox {
    float: left;
    width: 499px;
    margin-left: 2px;
    background: url(images/partnersbg.gif) repeat-y;
}

#galleryTop {
    background: url(images/partnersheadbg.gif) repeat-y;
    width: 499px;
    margin-bottom: 10px;
}

#galleryTopBar {
    background: url(images/partnersheadtop.gif) no-repeat top left;
}

#galleryHead {
    background: url(images/galleryicon.gif) no-repeat top left;
    background-position: 14px 1px;
    width: 100%;
    padding-top: 10px;
    font-size: medium;
    color: #FF1900;
}

#galleryTitle {
    color: #FF1900;
    float: left;
    padding-left: 62px;
    margin-bottom: 14px;
}

#galleryForm {
    float: right;
    margin-right: 14px;
}

#galleryBottom {
    background: url(images/partnersfoot.gif) no-repeat bottom;
    width: 499px;
    height: 13px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#gallery {
    padding-left: 18px;
}

.gallery {
    float: left;
    width: 206px;
    padding-left: 14px;
}

.gallery img {
    float: left;
    margin-right: 10px;
    text-align: center;
}

.galleryPhotos {
    float: left;
    width: 240px;
    padding-left: 10px;
}

.xlargeTextBold {
    font-size: x-large;
    font-weight: bold;
}

.centeredBox {
    text-align: left;
}

.strongBorder {
    border: 8px solid #CCC;
}

.mediumBox {
    width: 388px;
    text-align: left;
    margin: 14px 0px 0px 0px;
}

.slideMenu {
    padding: 4px;
}

.strongLabel {
    font-size: medium;
    color: #FF1900;
    font-weight: bold;
    line-height: 140%;
}

#searchBar {
    text-align: right;
    width: 100%;
    margin: 4px 0px 4px 0px;
}

#searchform {
    border: 0;
    margin: 0;
    padding: 0;
    width: 280px;
}

.searchFormDiv {
    float: right;
    padding: 0 14px 0 0;
    margin: 0;
}

.searchHome {
    float: left;
    padding-left: 24px;
}

.searchBarForm {
    margin: 0;
    padding: 0;
}

.searchBarForm select,input {
    font-family: Arial, Helvetica, sans-serif;
    color: #666
}

/****************************************************************/
.storeLeft {
    width: 440px;
    float: left;
}

/* Hint text for every entry in Stores */
.storeHint {
    float: right;
    margin-top: 20px;
}

.createLeft {
    width: 220px;
    float: left;
}

/*********** above added by Rory 22 October 2006 *****/ /* FROM MY ART SPACE */
#header1 {
    width: 740px;
}

/* gray box border */
.bigbox {
    width: 752px;
    background: url(images/boxH.gif) repeat-x top;
    background-color: #FFF;
    margin: 4px 4px 4px 4px;
}

/* old style menu bar */
.menuSelec {
    color: #FF1900;
    background-color: #FFF;
    padding: 3px 4px 6px 4px;
}

#menubar {
    width: 751px;
    background: url(images/barBg.gif) repeat-y;
    margin-bottom: 0px;
}

.barGeneric {
    width: 751px;
    height: 100%;
}

.barTop {
    background: url(images/barTop.gif) no-repeat top;
}

.barBottom {
    background: url(images/barBottom.gif) no-repeat bottom;
}

#barBody {
    margin-right: 0px;
    padding: 10px 0px 12px 20px;
    font-size: medium;
    float: left;
}

#barBody a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    padding: 3px 4px 6px 4px;
}

#barRight {
    float: right;
    padding: 14px 20px 0px 0px;
}

#submenu {
    width: 728px;
    background: url(images/line_v.gif) repeat-y left;
    margin: -3px 0px 8px 14px;
}

#submenuRight {
    background: url(images/line_v.gif) repeat-y right;
}

#submenuBottom {
    background: url(images/line_h.gif) repeat-x bottom;
}

#submenuLB {
    background: url(images/line_corner3.gif) no-repeat left bottom;
}

#submenuLR {
    background: url(images/line_corner4.gif) no-repeat right bottom;
}

#submenuBody {
    padding: 4px 0px 6px 14px;
}

.subMenuSelec {
    text-decoration: underline;
    color: #FF0000;
}

.menuSelec {
    color: #FF1900;
    background-color: #FFF;
    padding: 3px 4px 6px 4px;
}

/* White box with gray shadow */
.whiteBox {
    background: url(/ookl/images/whiteedge1.gif) repeat-y right;
    background-color: #FFF;
}

.whiteBoxBottom {
    background: url(/ookl/images/whiteedge2.gif) repeat-x bottom;
}

.wcorner1 {
    background: url(/ookl/images/whitecorner1.gif) no-repeat top right;
}

.wcorner2 {
    background: url(/ookl/images/whitecorner2.gif) no-repeat bottom left;
}

.wcorner3 {
    background: url(/ookl/images/whitecorner3.gif) no-repeat bottom right;
}

/* main page layout */ /* Home entry */
.homeEntry {
    padding: 10px 10px 2px 10px;
    width: 730px;
}

.entryLeft {
    width: 470px;
    float: left;
}

.entryTitle {
    padding: 5px 0px 0px 10px;
    float: left;
    font-size: medium;
    color: #FF1900;
}

.entryTitle img {
    vertical-align: middle;
}

.entryBody {
    padding-left: 10px;
}

/* A buttton on the right of the title bar */
.buttonRight {
    float: right;
    margin: 10px 4px 0px 0px;
}

/* A buttton on the left of the title bar */
.buttonLeft {
    float: left;
    margin: 2px 0px 0px 8px;
}

.buttonLeft2 {
    margin-bottom: 4px;
}

/* Hint text for every entry in Home */
.entryHint {
    float: right;
    width: 230px;
}

.largeTextBold {
    font-size: large;
    font-weight: bold;
}

/* form formatting */
p.row {
    clear: both;
    margin: 0;
    padding-top: 0.5em;
}

p.row span.label {
    float: left;
    padding-top: 0.2em;
    width: 150px;
}

p.row span.formfield {
    float: left;
    width: 500px;
}

div.note,p.row span.formfield label {
    color: #666;
}

/* Gallery modify */
.galleryBlock {
    margin-left: 8px;
}

.mygallLeft {
    width: 190px;
    float: left;
}

.mygallRight {
    width: 520px;
    margin-left: 30px;
    float: left;
}

.thumBox {
    margin-top: 10px;
    width: 206px;
    height: 300px;
    overflow: auto;
}

.thumb {
    float: left;
    width: 46px;
    height: 46px;
}

.thumb2 { /*
	width	:	46px;
	height	:	46px;
	*/
    padding-bottom: 6px;
}

.disabled img,.disabled input {
    padding: 1px;
    filter: alpha(opacity =   20);
    opacity: .2;
}

.thumb img,.thumb2 img {
    vertical-align: middle;
}

.thumb a.redHint img,.thumb2 a.redHint img {
    padding: 1px;
    border: 4px solid #FFFFFF;
}

.thumb a.redHint:hover img,.thumb2 a.redHint:hover img {
    padding: 1px;
    border: 4px solid Red;
}

.pictureContainer {
    float: left;
    width: 300px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

table.galColour {
    border-spacing: 10px 3px;
    border-collapse: separate;
}

table.galColour td {
    padding: 0;
}

.grayBorderImg {
    border: 5px solid #E9E9E9;
}

.slideBlock {
    position: relative;
    left: 144px;
    top: -28px;
}

.slideBlock select {
    font-size: x-small;
}

.buttonColumn {
    float: left;
    width: 200px;
    margin-bottom: 10px;
}

.buttonBox {
    padding: 0px;
    margin: 0px;
}

.buttonBox1,.buttonBox1show {
    width: 192px;
    height: 31px;
}

.buttonBox1 a {
    
}

.buttonBox1 a img {
    background: url(images/buttonGallery1.gif) no-repeat 0 0;
    display: block;
}

.buttonBox1 a:hover img {
    background: url(images/buttonGallery1_over.gif) no-repeat top left;
}

.buttonBox1show a {
    
}

.buttonBox1show a img {
    background: url(images/buttonGallery7.gif) no-repeat 0 0;
    display: block;
}

.buttonBox1show a:hover img {
    background: url(images/buttonGallery7_over.gif) no-repeat top left;
}

.buttonBox2 {
    width: 192px;
    height: 28px;
    overflow: hidden;
}

.buttonBox2 a {
    
}

.buttonBox2 a img {
    background: url(images/buttonGallery2.gif) no-repeat 0 0;
    display: block;
}

.buttonBox2 a:hover img {
    background: url(images/buttonGallery2_over.gif) no-repeat top left;
}

.slideBlock {
    position: relative;
    left: 144px;
    top: -28px;
}

.slideBlock select {
    font-size: x-small;
}

.buttonBox3 {
    width: 192px;
    height: 28px;
    overflow: hidden;
}

.buttonBox3 a {
    
}

.buttonBox3 a img {
    background: url(images/buttonGallery3.gif) no-repeat 0 0;
    display: block;
}

.buttonBox3 a:hover img {
    background: url(images/buttonGallery3_over.gif) no-repeat top left;
}

.buttonBox4 {
    width: 192px;
    height: 28px;
    overflow: hidden;
}

.buttonBox4 a {
    
}

.buttonBox4 a img {
    background: url(images/buttonGallery4.gif) no-repeat 0 0;
    display: block;
}

.buttonBox4 a:hover img {
    background: url(images/buttonGallery4_over.gif) no-repeat top left;
}

.buttonBox5 {
    width: 192px;
    height: 28px;
    overflow: hidden;
}

.buttonBox5 a {
    
}

.buttonBox5 a img {
    background: url(images/buttonGallery5.gif) no-repeat 0 0;
    display: block;
}

.buttonBox5 a:hover img {
    background: url(images/buttonGallery5_over.gif) no-repeat top left;
}

.buttonBox6 {
    width: 192px;
    height: 29px;
    overflow: hidden;
}

.buttonBox6 a {
    
}

.buttonBox6 a img {
    background: url(images/buttonGallery6.gif) no-repeat 0 0;
    display: block;
}

.buttonBox6 a:hover img {
    background: url(images/buttonGallery6_over.gif) no-repeat top left;
}

.checkedBlock {
    position: relative;
    left: 160px;
    top: -25px;
}

.indentBlock {
    padding-left: 25px;
}

.previewBoxLeft {
    padding: 34px 2px 2px 8px;
    float: left;
    width: 100px;
}

.previewBoxRight {
    padding: 8px 0px 8px 0px;
    float: right;
    width: 530px;
}

.previewText {
    width: 500px;
    padding: 14px 0px 10px 8px;
}

.strongSub {
    font-size: medium;
    font-weight: bold;
    line-height: 140%;
    text-decoration: underline;
}

.galleryBlock {
    margin-left: 8px;
}

.centerContainer {
    width: 765px;
    margin: 0px auto 0px auto;
}

/* bold red text added 9/10/06 for peoplesay page */
.quotemph {
    font-weight: bold;
    color: rgb(255, 25, 0);
}

textarea.musobjarea {
    width: 275px;
}

.longForm,.longText,.longForm textarea {
    width: 455px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #4A4360;
    margin-bottom: 8px;
}

.longHeight {
    height: 100px;
    width: 455px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #4A4360;
    margin-bottom: 8px;
}

/* presentation design page */
.centerBox {
    text-align: center;
    float: left;
    margin: 8px 18px 0px 0px;
}

.framestyle0 img {
    border: 5px solid #CCC;
}

.framestyle1 {
    background: url(images/borderFancy.gif) no-repeat top left;
    padding: 5px;
}

.framestyle2 {
    background: url(images/borderPhoto.gif) no-repeat top left;
}

.centereditem {
    text-align: center;
    float: left;
}

.colorbox {
    margin-top: 6px;
}

.colboxleft {
    padding-right: 4px;
    border-left: 1px solid Gray;
}

.colboxright {
    padding-right: 6px;
    border-right: 1px solid Gray;
}

.colboxcenter {
    padding-right: 4px;
}

.colboxleft div,.colboxcenter div,.colboxright div {
    padding: 2px 0px 2px 4px;
    width: 14px;
    height: 14px;
    border-top: 1px solid Gray;
    border-bottom: 1px solid Gray;
}

.color0 {
    background-color: #FFF;
}

.color1 {
    background-color: #CCC;
}

.color2 {
    background-color: #999;
}

.color3 {
    background-color: #666;
}

.color4 {
    background-color: #CC99FF;
}

.color5 {
    background-color: #6699CC;
}

.color6 {
    background-color: #66CC00;
}

.color7 {
    background-color: #FFFF99;
}

.color8 {
    background-color: #FFCC33;
}

.color9 {
    background-color: #FF9900;
}

.color10 {
    background-color: #FFCCCC;
}

.tface0 {
    font-family: Arial;
}

.tface1 {
    font-family: Georgia;
}

.tface2 {
    font-family: Comic Sans, Comic Sans MS;
}

/********   MINI SITES STYLES - Added by Carlos March 2007  ***********/
.minisiteImg {
    padding: 15px;
}

.miniColumn {
    width: 260px;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.miniColumn2 {
    width: 200px;
    float: right;
    padding-right: 15px
}

.miniicon {
    float: left;
    margin-right: 34px;
}

.miniicon2 {
    float: left;
    margin-right: 10px;
}

.miniGrayColumn {
    width: 182px;
    background-color: #CCC;
    padding-left: 14px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 20px;
    margin-top: 4px;
    margin-left: 12px;
}

.minisiteGrayBox {
    background-color: #E6E6E6;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.minisiteGrayBox img {
    margin-right: 2px;
}

.minisiteGrayBox label {
    padding-left: 22px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    display: block;
}

.miniBlock {
    padding-left: 14px;
    padding-right: 12px;
    padding-top: 20px;
}

.galleriesBox {
    width: 446px;
    margin-left: 16px;
    padding: 8px;
    border: 1px solid #E6E6E6;
}

.miniThumb {
    margin-right: 4px;
    float: left;
}

.miniThumb img {
    vertical-align: middle;
}

.miniThumb a.redHint img {
    padding: 1px;
    border: 4px solid #E9E9E9;
}

.miniThumb a.redHint:hover img {
    padding: 1px;
    border: 4px solid Red;
}

.quoteBlock {
    padding-left: 18px;
    padding-bottom: 100px;
}

/*********************************************/
.newsBox {
    width: 720px;
    padding: 14px;
}

/* Forms */
h3 {
    font-size: medium;
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
}

h4 {
    font-size: small;
    font-weight: bold;
}

/* Stripey tables listing data */
table {
    border-spacing: 0;
    border-collapse: collapse;
}

th {
    text-align: left;
    font-weight: bold;
    padding: 0.5em 1em;
}

tr.row-a td,tr.row-b td {
    padding: 0.2em 1em;
}

tr.row-a td {
    background-color: #E9E9E9;
}

td.nowrap {
    white-space: nowrap;
}

textarea.musobj-area {
    width: 275px;
}

/******** BY CARLOS, SEP 2007 *****************/ /*************  NEW HOME STYLES  *************/
.home_container {
    width: 960px;
    margin-top: 8px;
    margin-left: 0px;
    background: url(../images/homeBg_new.jpg) no-repeat top left;
    position: relative;
}

.whoami {
        float      : right;
        margin-top : 5px;
        text-align : right;
}

.staffForm {
    float: left;
    width: 270px;
    padding: 0;
    margin: 0;
}

.staffFormBox {
    float: right;
    width: 300px;
    visibility: hidden;
}

.staffFormBox input,.staffFormBox select {
    margin: 2px 0px 2px 0px;
    width: 116px;
    font-size: small;
    color: #666;
}

.staffFormBox input.button {
    width: 32px;
}

.staffFormBox input.smallinput {
    width: 76px;
}

.staffFormBox input.inputmed {
    width: 172px;
}

.staffFormBox select.biginput {
    width: 220px;
}

a.redText2 {
    text-decoration: none;
    color: #FF0000;
}

a.redText2:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #FF0000;
}

a.blueText {
    text-decoration: underline;
    color: #156194;
    font-weight: normal;
}

a.blueText:hover {
    text-decoration: none;
    background-color: #156194;
    color: #FFF;
    font-weight: normal;
}

.signbox {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    float: right;
}

.homeBox {
    padding-top: 0px;
    width: 396px;
    float: left;
    border: 0;
    margin: 0;
    overflow: hidden;
}

.homeColumn,.homeColumn2 {
    color: #81807e;
    float: left;
    padding-bottom: 14px;
}

.homeColumn {
    width: 250px;
    padding-right: 10px;
    padding-left: 10px;
}

.homeColumn2 {
    width: 200px;
}

.tvSet {
    width: 800px;
    padding-left: 0px;
    padding-top: 2px;
    background: url(../images/tvSet.gif) no-repeat 36px 2px;
}

/**************************************/
.galleryThumb {
    border: 4px solid #E9E9E9;
    cursor: pointer;
}

.galleryThumbON {
    border: 4px solid #FF0000;
    cursor: pointer;
}

.galleryCheck {
    float: left;
}

.thumbCell {
    width: 82px;
    height: 74px;
    padding-left: 8px;
    float: left;
}

/****************************************/
.pretty-hover {
    cursor: pointer;
}

.homeEntry .entryLeft .entryBody{
    display: none;
}

.homeEntry .entryLeft .arrow-closed .gcorner4 strong,
.homeEntry .entryLeft .arrow-opened .gcorner4 strong {
    background-image: url("images/arrowClosed.gif");
    background-position: 1px 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.homeEntry .entryLeft .arrow-opened .gcorner4 strong {
    background-image: url("images/arrowOpened.gif");
}

#loading {
	font-weight: bold;
	color: red;
	display: none;
	position: fixed;
	background-color: yellow;
	padding: 2px 10px;
	top: 0px;
	right: 0px;
	_top: expression(eval(document.body.scrollTop) + "px");
}

a img, input { outline: 0; }

/****************************************/

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}