/* 
   DRIVE MUSIC UI CSS 
   2008/10 Emrah Zengin emrahzengin@gmail.com     
*/
body { margin:0px; padding: 0px; background-color: #ffffff; background-image: url(/images/mainbg.jpg); background-repeat: no-repeat; background-position: center top; text-align: center;}
body, table, td, th { font-family: Arial,'Lucida Sans Unicode', 'Lucida Grande',  Verdana; font-size: 12px; color: #363636; margin-left: 40px; } 
table, td, th { margin-left: 0px; } 
a img { border:none; }
h1 { font-size: 18px; margin: 2px; padding: 2px; color: #04129c; margin-left: 0px; padding-left: 0px;}
h2 { font-size: 16px; margin: 2px; padding: 2px; color: #416AD1; margin-left: 0px; padding-left: 0px;}
h3 { font-size: 14px; margin: 2px; padding: 2px; color: #5c629c; margin-left: 0px; padding-left: 0px;}

h3.faq { margin-top : 10px; color: #172ad3; }
h2.faq { margin-top : 10px; margin-bottom: 10px; color: #ff711f}

h1.serv { color: #ff4301; }
.contactLeft { width: 120px; font-weight: bold; }
/* generics */
a, a:visited { text-decoration: none;  color: #999999; }
a:hover { text-decoration: none;  color: #cccccc; }
a.dark, a:visited.dark { text-decoration: none;  color: #1472b6 }
a:hover.dark { text-decoration: none;  color: #2babed; }
div.spcr { clear: both; height: 1px; overflow:hidden; }

div#container { width: 947px; text-align: left; margin: auto; background-color: #ffffff; }
div#header { height: 75px; clear: both}
div#headerLeft { width: 240px; float: left; }
div#headerCenter { width:270px; float: left; color:#587b8d; padding-top:20px; font-weight:bold; }
div#headerRight { width: 420px; float: left; }

div#headerLogo { height: 60px; margin-top: 15px; margin-left: 10px; }
 div.headerNav { text-align: right; width: 420px; margin-top: 30px; color: #cccccc; }
 div.headerNav a { margin-left:10px }

/* search bar */
div#searchBar { background: url(/images/bg_search.gif) no-repeat right; width: 300px; height: 46px; float:left; } 
div#searchText { padding: 12px 0 0 40px; height: 24px; width: 200px }
input.ttsearch { border:none; background: url(/images/ttsrcbg.gif) no-repeat center left; width: 180px; height: 22px; padding:2px 10px 0 40px; font-size: 15px; color:#3e3e3e }


/* top nav list */
#topNav { width:623px; float:left; margin:0 0 0px 10px; height:55px }
#topNav ul { padding: 0; margin: 0; background: url(/images/ul.gif) repeat-x; color: White; float: left; width: 100%; font-family: arial, helvetica, sans-serif; }
#topNav ul li { display: inline;}
#topNav ul li a { float:left; background: url(/images/ul.gif) repeat-x; color:#ffffff; font-weight: bold; border-right:1px solid #ffffff;  padding: 16px 12px 15px 12px; }
#topNav ul li a:hover { background: url(/images/ul_hover.gif) repeat-x; }
#topNav ul li a.ulfirst { background: url(/images/ul_left.gif) no-repeat; padding-left:18px;  }
#topNav ul li a.ulfirst:hover { background: url(/images/ul_left_hover.gif) no-repeat left; }

div#topNav ul li a.winhover  {position:relative; z-index:102; padding-bottom:30px; background: url(/images/opleft.jpg) left top no-repeat; color:#174c6c;  }
div#topNav ul li a.winhover2  {position:relative; z-index:102; padding-bottom:30px; background: url(/images/opleft2.jpg) left top no-repeat; color:#174c6c;  }

div#oppwindow {position:fixed; z-index:101; margin:46px 0 0 30px; display:none; background:url(/images/windown.png) no-repeat bottom; padding-bottom:20px; }
div#oppup  {background:url(/images/winup.jpg) no-repeat top; padding-top:15px; }
div#oppdown  { background:url(/images/winbg.png) top left;  width:832px; padding-left:15px;  }

div#toowindow {position:fixed; z-index:101; margin:46px 0 0 30px; display:none; background:url(/images/windown.png) no-repeat bottom; padding-bottom:20px; }
div#tooup  {background:url(/images/winup.jpg) no-repeat top; padding-top:15px; }
div#toodown  { background:url(/images/winbg.png) top left;  width:832px; padding-left:15px;  }

.subcats { float:left; width:260px; margin:0 15px 0px 0; }
.subcats a { border-bottom:1px dotted #aaaaaa; display:block; padding:5px 3px 5px 10px; color:#f26600; font-weight:bold }
.subcats a:hover { background:#f1f7fa; color:#2e6b89; }

#windowtitles { clear:both; margin:5px 0 10px 0; }
#windowtitles a { font-weight:bold; font-size:13px; color:#1f3a4f; border-right:1px solid #213c51; padding:0 11px; }
#windowtitles a:hover, #windowtitles a.winahover { color:#ff7600 }
#windowtitles a.nobdr { border:none; }

/* left - right */
div#centerContent { margin-top: 0px; }
div#leftContent { margin-left:10px; width: 625px; overflow:hidden; }
div#rightContent { margin:0 10px 0 15px; /* width: 340px; */ width: 285px; float: right; }

div#rhgtTop, div#rghtBottom,  div#rghtMiddle { width: 283px; }
div#rhgtTop { background-image: url(/images/rightgreytop.gif); background-repeat: no-repeat; background-position: left top; padding-top: 10px  }
div#rghtBottom { background-image: url(/images/rightgreybottom.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px  }
div#rghtMiddle { background-image: url(/images/rightgreymiddle.gif); background-repeat: repeat-y; background-position: left top;  }
div#rghtMidCont { padding-left: 9px; padding-right: 9px; }

div#rightCorner { background-image: url(/images/right_middle_round.gif); background-repeat: repeat-y; width: 333px; overflow: hidden; }
div#rightCornerInside { background-image: url(/images/right_top_round.gif); background-repeat: no-repeat; margin:0px; padding:0px; }
div#rightCornerBottom { background-image: url(/images/right_bottom_round.gif); 
background-repeat: no-repeat; background-position: left bottom;
padding: 10px 10px 10px 15px;}

.ttEmailBox { background:transparent url(images/ebook-input.png) no-repeat scroll 0 0; padding:4px 0 0 25px; width:215px }
.ttNameBox { background:transparent url(images/ebook-name.png) no-repeat scroll 0 0; padding:4px 0 0 25px; width:215px }
  

/* DRIVE Submits */
div#driveSubmits,  div#divRecentNews, div#divHotRows, div#divTestimonials, div#divPartners, div.rightGrey { background-image: url(/images/drvsubmits.gif); background-repeat: repeat-x; margin-top: 3px}
div#driveSubmits h2, div#divWhatInd h2, div#divRecentNews h2, div#divTestimonials h2, div#divHotRows h2, div#divPartners h2, div.rightGrey h2 { font-size: 16px; color: #ff9421; margin:0px; padding:0px; /*background-image: url(/images/greycorner.gif); background-repeat: no-repeat; background-position: right top; */ }
div.drvLogos { width: 630px; margin-top: 20px; }
div.drvLogos a { color:#455d6d; font-weight:bold }
div.drvLogos table tr td { padding-right:15px; }
.drvitemsep { width: 10px; }
.drvitem { border-color:#F0F0F0;border-width:1px;border-style:Solid;height:105px;width:125px; }

div#divWhatInd h2, div#divPartners h2 { color: #ff9421 }
div#divWhatIndInside {  margin-top: 30px; text-align: center; }

div#divWhatInd, div#divRecentNews { margin-top: 15px; }

div#dvnewSong { width:300px; float:left; }
div#dvplaylistSong { width:290px; float:left; margin-right:30px;  }

/* TESTIMONIALS */

div#divTestimonials { margin: 0; }
div#divTestimonials h2 { margin-bottom:25px; }
div.testitem { background: url(images/testi-bg.jpg) no-repeat top left; padding:16px 12px 0 11px; margin-bottom:15px; width:600px; height:125px; overflow:hidden }
div.testitem img { margin:0 20px 0 0;}
div.testitem a { color:#ffffff; font-size:13px; }
div.testitem p { color:#ffffff; text-align:right; padding:10px 30px 0 0; font-weight:bold }
/*---------*/

/* HOT ROWS */
div#divHotRows { margin:15px 0 15px 0; }
div#divHotRows h2 { margin-bottom:25px; }
div.hotrowitem { background:url(/images/hotrows-bg.jpg) #203b52; height:80px; overflow:hidden; width:627px; margin-bottom:5px }
div.hotrowitem img { margin-right:10px; border-right: 3px solid #ffffff }
div.hotrowitem h3 { color:#ffffff; padding-top:10px; margin:0px; }
div.hotrowitem a { color:#ffffff }
div.hotrowitemOver { background:url(/images/hotrows-overbg.jpg) #ff9421; }
div.hotrowitemOver h3 { color:#ffffff }
div.hotrowitemOver a { color:#ffffff }
div.htr-corner { background:url(/images/hotrows_corner.gif) left top; z-index:99; position:absolute; width:20px; height:80px; }

div#hotrownumbers { border:1px solid #cccccc; height:20px; overflow:hidden; padding-top:5px; }
div#hotrowPhoto { clear:both; text-align:center; padding:10px; }
div#htnumleft { width:100px; float:left; text-align:center; }
div#htnumright { width:100px; float:left; text-align:center;}
div#htnum { float:left; width:420px; text-align:center; }
/*---------*/


/* news */
div#divRecentNews h2  { margin-bottom: 35px; }
div.newsImg { margin-right: 20px; margin-bottom: 5px; background-image: url(/images/shdw.gif); background-repeat: no-repeat; background-position: right bottom; padding-right: 10px; padding-bottom: 10px; float: left; }
div.moreinfo {float: right;}

/* NEWS */
.bigNewsContainer { margin: 0px; padding: 0px; width: 620px; height: 360px; overflow: hidden;z-index: 0; }
#newsImages { height:260px; clear:both; overflow:hidden; margin:0px }
#newsNumbers { position: absolute; z-index: 3; margin:233px 0 0 35px; }
#newsConts { height:80px; background:url(images/news-bg.png) no-repeat left top; padding:10px 35px 10px 35px; margin:0px }
.newsContsItem { display:none; height:75px; overflow:hidden; }
.newsContsItem a { color:#FFFFFF; font-weight:bold }
.newsContsItem h2 { font-size:18px; color:#ffff99 }

div.news-corner { background:url(/images/bigger.gif) left top; z-index:99; position:absolute; width:620px; height:20px; }

/* NEWS SONU */


/* right featured */
div.rightOprs, div.radioplacement { width: 261px;text-align: left;  background-image: url(/images/featnewtop.gif); background-repeat: no-repeat; background-position: left top; padding-top: 35px; }
div.radioplacement { background-image: url(/images/radiotop.gif); }
div.rightOprsInside { background-image: url(/images/featnewmiddle.gif); background-repeat: repeat-y; margin:0px; padding: 0px 3px 0px 3px;  } 
div.rightOprsBottom { background-image: url(/images/featnewbottom.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px;}
td.opTitle { width: 210px; }
td.opTitle h3 { color:  #203b52; font-size: 12px; padding: 0px; margin: 0px; }
div.rightOprList { width: 261px;text-align: left;  background-image: url(/images/featnewtop2.gif); background-repeat: no-repeat; background-position: left top; padding-top: 35px; }

div#fstSection { width: 250px; height: 215px; overflow: hidden; }
div#fstSectionx { width: 565px; height: 215px; overflow: hidden; }
div#fstSectionInside, div#fstSectionInsidex { width: 12100px; height: 215px; }
div#fstmakebyKadri { height: 215px; }
div.fstItems { width: 125px; height: 215px; float: left; overflow: hidden; }


/* signup */
h2.memType { color: #3980b4; margin: 0px; padding: 0px; font-size: 16px }
div.memTypeList { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px dashed #c6d4de}
div.sngUpBtn { width: 500px; text-align: right; }
input.ttlgn { color: #999999; border: 1px solid #7e98a6; background-color: #ffffff; }
input.ttlgnx { color: #0f309c; border: 1px solid #7e98a6; background-color: #ffffff; width: 150px; height: 24px; font-size: 18px }
input.ttlgnshort { color: #999999; border: 1px solid #7e98a6; background-color: #ffffff; width: 60px }
.btnCrt { color: #eeeeee; border: 1px solid #7e98a6; background-color: #2e6e8f; }
td.lgnz { font-size: 16px;  color: #0f309c; width: 120px}


 /* profile */
 div.genericbox { border: 1px solid #dee3e5; margin: 3px 0px 3px 0px; padding: 5px; background-color: #ffffff; /*background-image: url(/images/h2bg.gif); background-repeat: no-repeat; background-position: right top; */}
div.genericbox h2 { font-size: 14px; color: #7d868b; margin: 0px; padding: 0px }


.rowHeader { background-color: #cccccc; font-weight: bold; }
.altitmRow td, .itmRow td , .rowHeader td { padding: 3px; }
.altitmRow td a, .itmRow td a, .rowHeader td a { color: #000000; }
.altitmRow td a:hover, .itmRow td a:hover, .rowHeader td a:hover { text-decoration: underline; }
.altitmRow  { background-color: #e9d6a9 }


/* footer */
div#footer { padding: 20px 10px 10px 10px;  margin: 0px 0px 10px 0px; }
div#footcopy, div#footNav {  float: left;}
div#footcopy { width: 200px; }
div#footNav { width: 600px}
div#footcopy { color: #203b52; font-weight: bold}
div.dotted { background-image: url(/images/dot.gif); background-repeat: repeat-x; height: 1px; clear: both; }

/* foot nav list */
#footNavList, #footNavList li { margin: 0px; padding: 0px; display: inline; list-style-type: none; }
#footNavList li a:hover, #footNavList li a {  padding: 0px 8px 0px 8px;  margin: 0px; color: #203b52; font-weight: bold }
#footNavList li a:hover {  background-color: #203b52; color: #ffffff; }


ul.smallmenux { padding: 2px; margin: 2px; list-style-type: none; }
ul.smallmenux li { list-style-type: none; padding: 4px; border-bottom: 1px dashed #e5e5e5; }
ul.smallmenux li a { font-size: 12px; color: #0415b2; font-weight: bold; }
ul.smallmenux li a:hover { font-size: 12px; color: #538fda; font-weight: bold; text-decoration: underline; }


div#quoterx, div#quotery { 
background-image: url(/images/quotesserv.gif);
background-repeat: no-repeat;
width: 201px; 
height: 299px; 
margin: 5px; 
float: right;
overflow: hidden; 
}

div#quotery { float: left}
div.quotz { text-align: center; color: #999999;width: 201px; height: 299px;  }
div.qpic { margin-top: 13px; }
div.qsent { margin: auto; margin-top: 10px; width: 145px; height: 90px; text-align: left; overflow: hidden;  }
div.qsaid { margin: auto; margin-top: 5px;width: 190px; text-align: right; color: #000000; font-style: italic; }

div.opprt { margin-bottom: 20px; padding: 3px 3px 0 3px; }
div#srchOpBar { padding: 10px; margin: 5px; border-bottom: 1px dotted #aaaaaa; border-top: 1px dotted #aaaaaa; }
h2.oprth { color: #f4933e; font-size: 16px; margin: 2px; padding: 0px; }
.oprtdt { font-size: 11px; padding-left: 5px }


div.userbg { width: 915px; background-image: url(/images/userbg.jpg); background-repeat: no-repeat; background-position: left top; }
div.userinside { width: 900px; margin: 0px 0px 0px 9px; }

.lblBand { font-size: 14px; color: #455c6f }

span.tagging { display: inline-block;  padding: 5px; margin:5px; text-decoration: underline; color: #416AD1; background-color: #f0f4f5; font-weight: bold}

.ctzop { display: inline-block; padding: 0px 5px 0px 5px; font-size: 14px; }
.opctn { margin-top: 5px; margin-bottom: 5px; padding: 4px; color: #203b52; font-size: 18px; border-top: 1px dashed #203b52; border-bottom: 1px dashed #203b52; }
#srchOpBar { text-align: center; }

#opcatlist { padding: 0;  margin: 0;  border-bottom: 1px dotted #dddddd; }
#opcatlist li {  list-style: none; margin: 0; padding: 0.25em; padding-top: 0.35em; padding-bottom: 0.35em; border-top: 1px dotted #dddddd; }
#opcatlist li a { text-decoration: none; font-size: 12px; color: #203b52 }

.rightOprsInside ul { padding: 0;  margin: 0;  border-bottom: 1px dotted #dddddd; }
.rightOprsInside ul li { list-style: none; margin: 0; padding: 0.25em; padding-top: 0.35em; padding-bottom: 0.35em; border-top: 1px dotted #dddddd; }
.rightOprsInside ul li a { text-decoration: none; font-size: 12px; color: #203b52 }





h1.oph1 { font-size: 16px; margin: 0px; padding: 0px; }
.oprexpire { background-image: url(images/glass.gif); background-repeat: no-repeat; padding-left: 15px; background-color: #ffffff; color: #e30505; }
.oprexpirex { /*background-image: url(images/hourglass.gif); background-repeat: no-repeat; background-position: 580px 60px;*/ }
.oprexpirexalmost  { background-color: #ffe5ca; }
.opsprt { height: 1px; border-bottom: 1px dashed #cccccc; margin-bottom: 10px}

.opheading { font-size: 18px; color: #ffffff; background-image: url(images/oph1.gif); background-position: right 0px; background-repeat: no-repeat; margin: 18px 2px 12px 0px ; padding: 7px 12px; }

.opsubmit { width: 170px; float: right; height: 22px; padding: 0px; }


        div#indstrySection,div#festSection, div#indstrySection2 { width: 565px; height: 110px; overflow: hidden; float: left; }
        div#indstrySection { width: 210px; height: 75px;}
        div#indstrySectionInside, div#indstrySectionInside2, div#festSectionInside { width: 2250px; height: 80px; }
        div#festSectionInside { width: 4250px; height: 110px; }
        div.isecs, div.greybw, div.colorType { width: 125px; height: 80px; float: left; text-align: center; }
        div.isecsnew { width: 75px; height: 62px; float: left;text-align: center; }
        div.greybw { color: #cccccc; font-size: 11px; }
        div.colorType { color: #203b52; font-size: 13px; width: 75px; height: 62px;  }
        div#leftArrow, div#rightArrow, div#leftArrow2, div#rightArrow2,  div#leftArrowx, div#rightArrowx { width: 25px; height: 20px; float: left; margin-top: 20px; }
        .over { background-color: #cccccc; color: #000000; }
        
        div#newsScreen { height: 340px; overflow: hidden; }
        div#newsInside { height: 4000px; }
        div#festSectionInside {  margin-top: 30px; text-align: center; }

div.newoppor { position:absolute; margin:130px 0 0 275px; background:url(images/newoppor.jpg) no-repeat; width:87px; height:25px; text-align:center; padding-top:4px; font-weight:bold; color:#fff }
div.newartist { position:absolute; margin:130px 0 0 400px; background:url(images/newartist.jpg) no-repeat; width:87px; height:25px; text-align:center; padding-top:4px; font-weight:bold; color:#fff }
.byName { color: #4e4e4e; }

#toolboxheader { width: 620px; height:360px; overflow:hidden; margin-top:10px; }
#toolboxNumbers { position: absolute; z-index: 3; margin:320px 0 0 35px; right: 890px; }