﻿/****************************************/
/*	GENERAL HTML STYLES					*/
/****************************************/

body, form, table, tr, td, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

body { font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #000; margin-top:15px; }

h1, h2, h3, h4, h5, h6 { color:#003398; }

h1 span, h2 span, h3 span, h4 span { position:absolute; top:-9999px; }

ul li { display:inline; }

a, a:link, a:visited, a:active { color:#000; }

a:hover {  }

a img { border: 0; }



/*border:1px solid #05f905;*/

/****************************************/
/*	MAINFRAME STYLES					*/
/****************************************/

#mainframe { width:745px; margin:auto; }

/****************************************/
/*	HEADER STYLES						*/
/****************************************/

#header { }

#navtop { margin-left:10; height:22px; /*height:1.5em;*/ color:#FFF; text-align:right; background:url(/mischief/images/backgrounds/mainframe_top.gif) no-repeat; }
#navtop ul { padding: padding:4px 15px 0 0; }
#navtop ul li { padding:0 8px; border-right:solid 1px #FFF; }
#navtop ul li.last { border-right:0; }
#navtop a, #navtop a:link, #navtop a:visited, #navtop a:active { color:#FFF; text-decoration:none; margin-right:10px; }
#navtop a:hover { text-decoration:underline; }

/****************************************/
/*	BANNER STYLES						*/
/****************************************/

#flashbanner { position:relative; margin-bottom:-40px; top: -1px; left:20px; width:710px; height:222px; }

#flashbanner #navhome a { position:absolute; top:3px; left:20px; width:255px; height:150px;}
#flashbanner #navupload a { position:absolute; top:105px; left:540px; width:155px; height:70px;}
#flashbanner #navmischief a { position:absolute; top:100px; left:350px; width:155px; height:70px;}
#flashbanner #navgallery a { position:absolute; top:15px; left:520px; width:155px; height:65px;}

#flashbanner #navSpare a { position:absolute; top:15px; left:315px; width:155px; height:65px;}


#flashbanner span { position:absolute; top:-9999px; }

/****************************************/
/*	BODY STYLES							*/
/****************************************/

#body { z-index:1; width:auto; height:inherit; min-height:480px; background:url(../../images/backgrounds/mainframe_mid.gif) no-repeat center bottom; }
 #content { padding-left: 35px;  } 
 #contentWin { padding-left: 22px;  } 
#lightboxcontent { padding-left: 25px; }
#contentcol1 { width:315px; float:left; margin-top:10px; margin-right:20px;}
#contentcol2 { width:357px; float:left; margin-top:10px;} 
#contentcolall { margin-top:0px; padding-right:35px;/*width:670px; display:block;*/ }
#contentcolallWin { margin-top:0px; padding-right:5px;/*width:670px; display:block;*/ }
#logo { position:relative; height:60px; color:#FFF; }
#logo img { float:right; margin-right:15px; margin-top:25px; }


/****************************************/
/*	FOOTER STYLES						*/
/****************************************/

#footer { font-size:0.9em; }
#footer a, #footer a:link, #footer a:visited, #footer a:active { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#navbtm { margin:0; padding:5px 0 7px 0; }
#navbtm ul {  }
#navbtm ul li { padding:0 5px; border-right:solid 1px #000; }
#navbtm ul li.first {  }
#navbtm ul li.last { border-right:0; }
/*#navbtm a, #navbtm a:link, #navbtm a:visited, #navbtm a:active, #navbtm a:hover { color:#000; }*/

#disclaimer { color:#9999AC; font-size:0.9em; margin-left:5px; line-height:20px; }


/****************************************/
/*	BLUE BOX STYLES						*/
/****************************************/

.bluebox { }

/* .topbar {  position: relative; z-index: -1; } */
.topbar { }
.topbar div { float:left; display:block; }
.bluebox .topbar .topleft { font-size:0; line-height:0px; width:8px; height:6px; background:url(../../images/backgrounds/bluebox_topleft.gif) no-repeat top left; }
.bluebox .topbar .topmid { font-size:0; line-height:0px; height:6px; background-color:#D7DEF0; }
.bluebox .topbar .topright { font-size:0; line-height:0px; width:8px; height:6px; background:url(../../images/backgrounds/bluebox_topright.gif) no-repeat top right; }

/* .bluebox .midbar { position: relative; z-index: -1; background-color:#D7DEF0; } */
.bluebox .midbar { background-color:#D7DEF0; }
.midbar .midcontainer { padding:10px; }

.btmbar {  }
.btmbar div { float:left; display:inline-block; }
.bluebox .btmbar .btmleft { font-size:0; line-height:0px; width:8px; height:6px; background:url(../../images/backgrounds/bluebox_btmleft.gif) no-repeat bottom left; }
.bluebox .btmbar .btmmid { font-size:0; line-height:0px; height:6px; background-color:#D7DEF0; }
.bluebox .btmbar .btmright { font-size:0; line-height:0px; width:8px; height:6px; background:url(../../images/backgrounds/bluebox_btmright.gif) no-repeat bottom right; }


/****************************************/
/*	FORM STYLES							*/
/****************************************/

.validationsummary ul { margin:10px; list-style-position:inside; color:#FF0000; }
.validationsummary ul li { display:block; }
.validationsummary a { color:#FF0000; }

.controlformelements { clear:both; padding-top:10px;}
.controlformelements .formelement { clear:both; padding-bottom:15px; }
.controlformelements .formlabel, .controlformelements .formlabel a { float:left; }
.controlformelements .formcontrol {  }
.controlformelements .formlabel .biglink { float:right; margin-right:8px; }
.controlformelements .formcontrol input { float:right; }
.controlformelements .formcontrol .txtbox { float:right; width:180px; }

.controlformelements .formcheckbox, .controlformelements .formmessage { clear:both; }

.controlformelements .formcheckbox input { float:left; }
.controlformelements .formbutton .button { float:right; }

/*.controlformelements .button { color:#003398; font-family:inherit; font-weight:bold; font-size:1.35em; border:0; cursor:pointer; padding-right:30px; min-height:25px; background:url(../../images/icons/arrow_blue.gif) no-repeat center right; }*/



/****************************************/
/*	COMMON STYLES						*/
/****************************************/

.clear { clear:both; display:block; }

.bluetxt { color:#003398; }
.errortxt { color:#FF0000; }
.errortxt a, .errortxt a:link, .errortxt a:visited, .errortxt a:active { color:#FF0000; }

.parasml { margin:13px 0; }

a.link { text-decoration:underline; }
a.biglink, a.biglinkbluebkg { color:#003398; font-weight:bold; font-size:1.35em; text-decoration:none; }

.linkbutton { vertical-align:text-bottom; }

.buttonlink { border:0; background:0; cursor:pointer; }

.floatright { float:right; }

.catName { margin-top: 6px; margin-bottom: 6px; }






/* KITTEN FACTOR SPECIFICS */
#kittenfactorheader { position:relative; left:16px; width:715px; height:180px; background:url(../../images/headers/kittenfactorheader.jpg) no-repeat; }
#kf_thanks_right { width:357px; height:350px; background:url(../../images/backgrounds/kf_thanks.jpg) top right no-repeat;padding:0px;margin:0px;}
#registerinterest_kf_thanks {width:290px; height:30px; background:url(../../images/headers/thanks.gif) no-repeat top left; }


/* IE6 PNG Fix 

* html img,
* html .png{
      position:relative;
      behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
      this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
      this.src = "/mischief/images/png.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
      this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
      this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
} */

