@charset "utf-8";
/* CSS Document */
body { background-image:url(../images/body-bg.jpg); background-repeat:repeat-x; background-color:#FFF; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
a img { border:none; }
.clear {clear:both;font-size:0.1px;height:0pt;line-height:0pt;width:0pt;}
a { color:#ee3897; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:0px; padding-top:10px; padding-bottom:10px; }
h1, h4, h5 { position:relative; }
h1, h2, h3, h4, h5 { padding:0px; margin:0px; display:block; font-weight:normal; }
h1 { margin-bottom:10px; }
h2 { color:#ee3897; font-family:Arial, Helvetica, sans-serif; font-size:22px; margin-bottom:10px; }
h3 { margin-bottom:10px; }
.sIFR-replaced { border:none; margin:0px; padding:0px; }
#header, #nav, #content { width:979px; margin:0px; margin-left:auto; margin-right:auto; }
#member_login { line-height:30px; position:absolute; top:0px; left: 50%; background-image:url('../images/member_login-bg.gif'); background-repeat:no-repeat; height:30px; width:315px; margin-left:174px; }
#member_login img { margin-left:10px; border:0px; padding:5px; padding-bottom:0px; margin-bottom:-3px; }
#member_login a { text-decoration:underline; }
#member_login a:hover { text-decoration:none; }
#nav { padding:0px; list-style:none; border-top:2px solid #a50066; background-image:url(../images/menu-bg.jpg); height:44px; font-size:12px; }
#nav li { float:left; }
#nav a {
display:block;
float:left;
background-image:url(../images/menu-bg.jpg);
line-height:44px;
color:#FFF;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
padding-right:10px;
text-align:center;
padding-left:10px;
}
#nav a:hover, #nav a.selected, #nav li.selected_hover a { background-image:url(../images/menu-bg-over.jpg); color:#000; }
#nav a.first, #nav a:hover.first { /*margin-left:49px; text-decoration:none; cursor:default; background-image:url(../images/menu-bg.jpg); */ }
#nav .spacer { height:44px; width:2px; float:left; display:block; background-image:url(../images/menu-spacer.jpg); background-repeat:no-repeat; background-position:center; }
#nav li { white-space:nowrap; }
#nav .subnav { margin:0px; padding:0px; list-style:none; position:absolute; margin-top:44px; text-align:left; z-index:9; }
#nav .subnav li { display:block; float:none; }
#nav li.selected_hover .subnav a, #nav .subnav a { font-weight:normal; color:#FFF !important; disp lay:block; background-color:#ee3897; padding-right:40px; background-image:none; text-transform:none; line-height:30px; float:none; text-align:left; }
#nav .subnav li.selected_hover > a { background-color:#c91c7e; }
#nav .subnav li.selected_hover > a:hover, #nav .subnav a:hover { background-color:#a50066; color:#FFF; }
#nav ul { padding:0px; border:1px solid #FFF; }
#nav .subnav ul { position:absolute; margin-left:115px; z-index:999; margin-top:-30px; }
#nav .subnav ul li { }
#nav li.menuMore > a { background-image:url(../images/ico-rightarrow.png) !important; background-position: right; background-repeat:no-repeat; }
.banner-entrance { color:#FFF; font-size:11px; }
.banner-entrance img { }
.banner-entrance p { width:200px; padding:0px; margin:0px; display:block; margin-left:33px; margin-top:-60px; padding-bottom:30px; }
#maincol,#content { width:979px; background-image:url(../images/content-bg.jpg); background-repeat:no-repeat; background-color:#FFFFFF; }
#maincol { width:939px; padding:20px; }
#leftcol { background-image:url(../images/leftcol-bg.jpg); width:979px; float:left; z-index:-1; background-color:#6d6e71; background-repeat:repeat-x; }
#leftcol .inner { width:261px; float:left; padding-top:9px; padding-bottom:18px; }
#leftcol .inner img { padding-left:20px; padding-top:9px; padding-bottom:9px; }
#leftcol a img { border:none; }
#maincol h1.title, #rightcol h1.title { margin-top:24px !important; }
#rightcol { color:#666666; width: 677px; float:left; background-image:url(../images/content-bg.jpg); background-repeat:no-repeat; background-color:#FFFFFF; padding-left:20px; padding-right:20px; }
#rightcol .news img { padding:0px; float:left; border:1px solid #999999; margin:10px; margin-left:0px; margin-top:0px; }
#rightcol .news h3 { padding-top:15px;text-transform:uppercase; }
#rightcol .teachers img { padding:0px; float:left; border:1px solid #ff3399; margin:10px; margin-left:0px; margin-top:0px; }
#rightcol .teachers td { padding-right:10px; }
#rightcol2 { background-color:#6d6e71; width:979px; float:right; z-index:-1; }
#rightcol2 .inner { width:261px; float:right; padding-top:0px; color:#FFF; }
#rightcol2 a {
color:#f4b1d4;
text-decoration:none;
font-weight: bold;
}
#rightcol2 a:hover { text-decoration:underline; }
#rightcol2 .padding { padding-left:15px; padding-top:19px; padding-right:20px; }
#rightcol2 .inner h3 { color:#f4b1d4; text-transform:uppercase; }
#rightcol2 .inner select { width:220px; }
#leftcol2 { width:677px; float:right; background-color:#FFF; padding:20px; background-image:url(../images/content-bg.jpg); background-repeat:no-repeat; }
#leftcol2 .classes img { float:left; margin-right:10px; margin-bottom:10px; }
#leftcol2 h3 { color:#ee3897;text-transform:uppercase; }
.minicol-left { width:49%; float:left; }
.minicol-right { width:51%; float:left; padding-top:7px; }
.box-fancy, .box-fancy2 { color:#FFF; width:302px; height:188px; padding:40px; background-image:url(../images/box-fancy.png); padding-bottom:10px; padding-left:50px; background-repeat:no-repeat; }
.box-fancy h3,.box-fancy a, .box-fancy span, .box-fancy2 h3,.box-fancy2 a, .box-fancy2 span { color:#f4b1d4 !important; }
.box-fancy2 { width:250px; height:130px; background-image:url(../images/box-fancy2.png); padding:0px; padding-top:35px; }
#workshops img { float:left; padding:0px; margin-top:9px; margin-right:9px; }
#timetable h1.title { margin-top:24px; }
#timetable h2 { font-family:Arial, Helvetica, sans-serif; color:#ee3897; font-size:19px; margin-bottom:5px; font-weight:normal; margin-top:19px; }
#timetable { color:#666666; width: 939px; float:left; background-image:url(../images/content-bg.jpg); background-repeat:no-repeat; background-color:#FFFFFF; padding-left:20px; padding-right:20px; }
#mailinglist input.standard, #contact input.standard { width:235px; height:25px; background-color:#efefef; border: 1px solid #6d6e71; font-size:16px; }
#mailinglist textarea, #contact textarea { width:470px; height:190px; background-color:#efefef; border: 1px solid #6d6e71; font-size:16px; }
#contact h1 { font-size:60px !important; }
.tblVert .spacer { border-left:dotted 1px #000; width:5px; }
.tblVert img { margin-right:6px; margin-bottom:6px; }
.tblVert h3 { margin-bottom:5px; }
hr.dotted { border:none; border-bottom:1px dotted #000; margin:0px; padding:0px; height:1px; }
hr.wdotted { border:none; border-bottom:1px dotted #FFF; margin:0px; padding:0px; height:1px; }
h1 { color:#000000; font-size:38px !important; }
h1.mainTitle { font-size:54px; }
h4.subTitle { font-size:38px; padding:0px; margin:0px; }
h5.subTitleWhite { color:#FFFFFF !important; padding:0px; margin:0px; font-size:20px; }
h1.title { padding:0px; margin:0px; }
h1.title img { padding-bottom:10px; }
h1.title .indent { padding-top:10px; padding-bottom:0px; }
h1 { font-family:Arial, Helvetica, sans-serif; color:#ee3897; font-size:19px; margin-bottom:5px; font-weight:normal; margin-top:19px; }
.subtitle { float:left;padding-top:20px;padding-left:10px }
h3 { color:#ee3897; font-size:13px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; }
#leftcol2 b.hilite, #rightcol2 b.hilite { color:#ee3897; }
#leftcol b.hilite, #rightcol b.hilite, #rightcol2 .inner b.hilite { color:#f4b1d4; }
button, .button, .button2 { border:none; background-color:#333; font-size:12px; background-image:url('../images/button-bg.png'); background-position:center; background-repeat:repeat-x; color:#FFF; text-transform:uppercase; padding:5px; text-align:center; font-weight:bold; line-height:18px; }
button:hover, .button:hover, .button2:hover { color:#f4b1d4; }
button.small { font-size:10px; padding:4px; padding-left:2px; padding-right:2px; padding-bottom:3px; line-height:15px; }
button img { padding:0px; margin:0px; margin-bottom:-2px; margin-right:1px; margin-left:1px; }
#footer .links { list-style:none; margin:0px; padding:0px; }
#footer .links, #footer .graphic { width:979px; }
#footer { background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:979px; margin-left:auto; margin-right:auto; width:100%; float:left; }
#footer .inner { width:979px; color:#FFF; margin-top:-51px; padding-top:51px; background-image:url(../images/footer-overlay.png); background-repeat:no-repeat; z-index:999; margin-right:auto;margin-left:auto; }
#footer .links { text-align:center; padding-top:15px; padding-bottom:25px; }
#footer .links a { text-decoration:none; color:#FFF; display:block; float:left; border-right:1px solid #FFF; }
#footer .links a.last { border-right:none; }
#footer .links a:hover, #footer .links a.selected { color:#ee3897; }
#footer .graphic-inner { width:745px; margin-left:auto; margin-right:auto; }
#footer .graphic { margin-bottom:25px; width:979px; text-align:center; background-image:url(../images/footer-graphic.png); background-position:center; background-repeat:no-repeat; height:39px; font-size:10px; line-height:39px; }
#footer .graphic .follow, #footer .graphic .phone { font-size:12px; }
#footer .graphic .follow { padding-left:80px; }
#footer .graphic img { border:none; }
#footer .graphic a { float:right; display:block; padding-top:7px; padding-right:20px; }
/************* STUDIO MANAGER SPECIFIC *****************************/
.sm-sborder { border:2px solid #e6e5e5; margin:2px; }
.sm-sborder.style2 { border:1px solid #e6e5e5; margin:1px; }
.sm-box, .sm-box.style2 { color:#FFF; }
.sm-box { background-color:#6d6e71; font-size:13px; border-bottom: 1px dotted #FFF; }
.sm-box a { color:#f4b1d4; }
.sm-box.style2 { background-color:transparent; border-bottom:none; }
.sm-box ul.sm-boxmenu { border-bottom: 1px solid #FFF; }
.sm-box ul.sm-boxmenu li a { border-top: 1px solid #FFF; color:#333333; text-transform:uppercase; font-weight:bold; font-size:12px; }
.sm-box ul.sm-boxmenu li a:hover, .sm-box ul.sm-boxmenu li a.selected { background-color:#cccccc; }
.sm-layout-left2 { padding:10px !important; }
.sm-box.style3 h2 { font-size:16px; font-weight:bold; }
.sm-box.style3 { background-color:#e6e5e5; color:#666666; width:86%; padding:7%; margin-bottom:5px; } /* Student Menu */
table.sm-smallinfo { font-size:11px; border-top:1px dotted #000; border-bottom:1px dotted #000; }
table.sm-smallinfo th { color:#ee3897; text-transform:uppercase; }
table.sm-smallinfo td { color:#000; }
table.sm-data th, table.sm-data td { border-bottom:1px dotted #e6e5e5; }
table.sm-data th { background-color:#e6e5e5; color:#333333; }
table.sm-data td { color:#666666; }
table.sm-data td.total { background-color:#cafdcd; }
table.sm-data.style2 { border:1px solid #e6e5e5; font-size:12px; }
#sm-module-calendar .sm-header { font-size:12px; background-color:#44b0ff; color:#FFF; font-weight:bold; }
.sm-table th { font-size:13px; background-color:#333; color:#FFF; }
.sm-table td { font-size:11px; background-color:#cccccc; border-bottom: 1px dotted #FFF; }
.sm-table td.alt { background-color:#d9d9d9; }
#sm-module-news .sm-news, #sm-module-instructor-profile .sm-iprofile { border-bottom: dotted 1px #000; }
.sm-news-header { color:#ee3897; font-size:18px; }
.sm-iprofile-header { color:#ee3897; font-size:18px; }
#sm-module-class-list h2 { color:#ee3897; }
.sm-class-list { border-bottom: 1px dotted #000; }
table.sm-biginfo th { font-weight:bold; color:#ee3897; text-transform:uppercase; text-align:left; }
.sm-layout-left1, .sm-layout-left2, .sm-layout-left3, .sm-layout-left4 { background-color:#6d6e71; }
.sm-layout-left2 h1 { font-size:26px !important; }
.sm-class-list { padding-top:15px; }
/* MODAL WINDOW FOR VIDEO LINK IN LEFT COLUMN */
/*****************************************************************************/
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:absolute;
left:0;
top:0;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
#boxes #dialog {
width:390px;
height:314px;
padding:10px;
background-color:#ffffff;
}
#boxes #dialog1 {
width:375px;
height:203px;
}
#dialog1 .d-header {
background:url(/themes/suzieq/images/login-header.png) no-repeat 0 0 transparent;
width:375px;
height:150px;
}
#dialog1 .d-header input {
position:relative;
top:60px;
left:100px;
border:3px solid #cccccc;
height:22px;
width:200px;
font-size:15px;
padding:5px;
margin-top:4px;
}
#dialog1 .d-blank {
float:left;
background:url(/themes/suzieq/images/login-blank.png) no-repeat 0 0 transparent;
width:267px;
height:53px;
}
#dialog1 .d-login {
float:left;
width:108px;
height:53px;
}
#boxes #dialog2 {
background:url(/themes/suzieq/images/notice.png) no-repeat 0 0 transparent;
width:326px;
height:229px;
padding:50px 0 20px 25px;
}
/* These are standard sIFR styles... do not modify */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}