/* template styles */
body { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f79089; background-image: url(../images/ai_bg_02.jpg); background-repeat: repeat-x; padding:0; margin:0; }
#bg { position:absolute;top:0px;left:0px;z-index:1;width:520px;height:385px; }
#logo { position:absolute;top:13px;left:2%;z-index:2;width:102px;height:283px; }
#copyrightInfo { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 230px; padding: 3px; }

/* login box styles */
#login { position:absolute;top:0px;right:2%;z-index:1;width:800px;height:100px; }
.loginboxformele { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: solid 1px #5d7f83; background-color:#fbd7d5; height:18px; width:170px;margin-left:10px;padding:2px; }
.loginboxuser {background-image: url(../images/ai_login_07.gif); background-repeat: repeat-x; }
.loginboxpass {background-image: url(../images/ai_login_09.gif); background-repeat: repeat-x; }
.loginboxsubmit { background-color: #e35b51; background-image: url(../images/ai_login_13.gif); background-repeat: repeat-x; }

/* top navigation styles */
#topnav {position:absolute;top:100px;left:2%;width:96%;z-index:2;}
.topnavWrap {position:relative;text-align:center;width:100%;z-index:3; }
.topnavLink {position:absolute;top:0px;left:4%;text-align:center;height:35px; background-image: url(../images/ai_topnav_bg_05.png); background-repeat: repeat-x;width:92%;overflow:hidden;padding-top:5px;} 
.topnavLeft {position:absolute;top:0px;left:0px;background-image: url(../images/ai_topnav_bg_03.png); background-repeat: no-repeat;min-width:8px;width:4%;height:35px;overflow:hidden;}
.topnavRight {position:absolute;top:0px;right:0px;background-image: url(../images/ai_topnav_bg_07.png); background-repeat: no-repeat;min-width:11px;width:4%;height:35px;overflow:hidden;}

/* content styles */
#contentWrap {margin-left:2%;margin-right:2%;width:96%;position:absolute;top:137px;z-index:10; }

/* center column styles */
#centerWrapMatch {margin-left:230px;margin-right:230px;z-index:10;background-color:#fff; }
#contentCell {background-color:#fff;z-index:10;}
#contentCellRight {background-color:#fff;text-align:right;z-index:10; }
#contentbg {position:absolute;top:0px;left:0px;z-index:10;width:292px;height:580px;}

#centerContent { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; position:relative; padding-top:165px; z-index:15; padding-left:13%; }

/* leftbar styles */
#leftWrapMatch { position:absolute; top:0; left:0; min-height:300px; width:220px; }
#leftbarTopBG, #leftbarBotBG { position:absolute; bottom:0; left:0;z-index:5;width:220px;}
#leftbarContent { position:relative;top:0px;left:0px;z-index:15;width:220px;}

#leftbarGenreTbl {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#leftbarGenreTbl a {color:#fff; text-decoration:none;}
#leftbarGenreTbl a:hover {color:#fff; text-decoration:underline;}
.leftbarGenreRight, .leftbarGenreLeft {padding:3px;height:15px;}
.leftbarGenreLeft {text-align:right;}

#leftbarTop 	{ 	min-height:280px; position:relative;clear:both;background-color:#333;background-image: url('../images/ai_leftbar_02.gif'); background-repeat: repeat-y;}
#leftbarBot 	{ 	min-height:280px; position:relative;clear:both;color:#fff;background-color:#000;}

/* rightbar styles */
#rightWrapMatch {position:absolute;top:0px;right:0px; width:220px;}
#rightbar { position:absolute;bottom:0px;height:520px; width:220px;background-image: url('../images/ai_rightbar_03.gif'); background-repeat: repeat-y;}
#rightbarTop { position:absolute;top:0px;height:108px;z-index:15; }
#rightbarBot { position:absolute;bottom:0px;height:408px;z-index:5; }


/* searchbar styles */
#indexSearch { position:absolute; top:0; right:-2%; z-index:50; height:175px; width:475px;color:#fff; background-image: url(../images/ai_search_bg.png); background-repeat: no-repeat; }
#searchPage { position:relative; z-index:50; height:175px; width:475px;color:#fff; background-image: url(../images/ai_search_bg.png); background-repeat: no-repeat; }

/* text styles */
.pagetitle { color: #fd7124; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.textxsm { font-size: 8px; font-family: Arial, Helvetica, Geneva }
.textsm  { font-size: 11px; font-family: Arial, Helvetica, Geneva }
.text {	font-size: 13px;	font-family: Arial, Helvetica, Geneva; }
.textlg { font-size: 14px; font-family: Arial, Helvetica, Geneva }
.textxlg { font-size: 16px; font-family: Arial, Helvetica, Geneva }
.textxxlg { font-size: 18px; font-family: Arial, Helvetica, Geneva }
.textxxxlg { font-size: 22px; font-family: Arial, Helvetica, Geneva }
.highlight { font-size: 13px; font-family: Arial, Helvetica, Geneva; background-color: yellow; }

/* form element styles */
.formele   { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ececec; border: solid 1px #000 }
.formele_required   { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #bf5757; border: solid 1px #000 }
.formeleSm   { color: black; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ececec; border: solid 1px #000 }
.formeleSrch    { color: black; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ececec; border: solid 1px #000; width: 120px; height: 15px }
.formeleSrch2    { color: black; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ececec; border: solid 1px #000; width: 180px; height: 15px }
.formeleAudio    { color: black; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ececec; border: solid 1px #000; width: 180px }
.formeleAudioErr    { color: black; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ececec; border: solid 1px #000; width: 180px; background-color: #d90000 }
.formerr  { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #d90000 }
.formerrSm  { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #d90000 }
.formeleSmRed { color: #cd0000; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; border: solid 1px #cd0000 }
.formeleSmErr { color: #cd0000; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: white; border: solid 1px #cd0000 }
.upTwoPix  { line-height: 16px; margin-bottom: 2px }
.highlighted { background-color: #fcc }
.searchRow { font-size: 12px; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc; }