/* CSS Document */
.mpOne{width:500px; height:30px; float:left}
.mpTwo{width:150px; height:30px; float:left}
.mpThree{width:350px; height:30px; float:left}

.recView{ width:500px; height:auto; float:left; margin:2px 0}
.recView1{ width:100px; height:100px; float:left; overflow:hidden}
.recView2{ width:310px; height:auto; float:left; padding:0 20px}
.recView3{ width:50px; height:100px; float:left; overflow:hidden}

input{background: url(images/input_bg.png) repeat #C6DFEC; font-weight:bold}

.startup{width:50%; height:auto; float:left}

.re2{width:90px; float:left; margin:2px; border:1px solid #000000}
.re4{width:84px; height:auto; padding:3px; float:left; font-size:10px; line-height:normal}

#sel{background:url(../images/mBGRO2.jpg) repeat-x}

.mpDay1{width:100%; margin:1px; background-color:#DAE4EF; text-align:center;}
.mpDay1 a{width:100%; height:25px; margin:1px; background:url(../images/mBG.jpg) repeat-x; text-align:center; display:block; float:left; padding-top:5px}

.mpDay1a{width:100%; margin:1px; background-color:#DAE4EF; text-align:center;}
.mpDay1a a{width:100%; height:25px; margin:1px; background:url(../images/mBGsp.jpg) repeat-x; text-align:center; display:block; float:left; padding-top:5px}
.mpDay1a a:hover{width:100%; height:25px; background:url(../images/mBGRO.jpg) repeat-x; display:block}

.mpDay1 a:hover{width:100%; height:25px; background:url(../images/mBGRO.jpg) repeat-x; display:block}
.mpDay2{width:100%; min-height:100px; background-color:#E9F0F5; float:left}
.mpDay3a{width:197px; min-height:200px; background-color:#E9F0F5; float:left}
.mpDay3{width:185px; min-height:200px; background-color:#E9F0F5; border:#006699 1px solid; margin:5px; float:left; background-color:#FFFFFF}


.mpDay3b a{ display:block; width:175px; margin:1px 0; text-align:center; padding:5px 0; background:url(../images/mBG.jpg) repeat-x; float:left}
.mpDay3b a:hover{background:url(../images/mBGRO.jpg) repeat-x}

.mpDay3b2 a{ display:block; width:175px; margin:1px 0; text-align:center; padding:5px 0; background:url(../images/mBG.jpg) repeat-x; float:left}
.mpDay3b2 a:hover{background:url(../images/mBGRO.jpg) repeat-x}

.mpDay3c a{ display:block; width:147px; margin:1px 0; text-align:center; padding:5px 0; background:url(../images/mBGadd.jpg) repeat-x; float:left}
.mpDay3c a:hover{background-color:#336600}


.mpDay4a{width:197px; min-height:300px; background-color:#E9F0F5; float:left}
.mpDay4{width:185px; height:290px; background-color:#E9F0F5; border:#006699 1px solid; margin:5px; float:left}

.mpDay5{width:570px; height:275px; float:left; border:#B4BBDC 1px solid; margin:10px; padding:5px; overflow:hidden}
.mpDay5a{width:570px; height:auto; float:left; border:#B4BBDC 1px solid; margin:10px; padding:5px;}
.mpRecBox{width:400px; height:auto; float:left;}
.mpRecNav{width:170px; height:auto; float:left;}
/*category*/
.recRM{width:166px; border:#D5DAF0 1px solid; margin:1px; float:left}
.recRM a{display:block; width:166px; text-align:center; padding:3px 0; background-color:#3a99dc; margin-bottom:1px; color:#FFFFFF}
.recRM a:hover{ background-color:#007700}
.recRM2 a{background-color:#990033; color:#FFFFFF}
.recRM2 a:hover{ background-color:#007700}

.mLink a{background:url(../images/BCimg.jpg) repeat-x; color:#000000}
.mLink a:hover{background:url(../images/BCimgRO.jpg) repeat-x; color:#000000}

.recbM{width:120px; border:#D5DAF0 1px solid; margin:1px; height:125px; float:left}
.recb2{width:68px; height:58px; float:left; overflow:hidden; border-bottom:#D5DAF0 solid 1px; margin:1px}
.recb3{width:50px; height:60px; float:left; border-bottom:#D5DAF0 solid 1px}
.recb3 a{ display:block; width:50px; padding:5px 0; float:left; background:url(../images/but_2.jpg) no-repeat; margin:1px 0 0 0; text-align:center; font-size:10px; color:#FFFFFF}
.recb3 a:hover{ background:url(../images/but_2RO.jpg) no-repeat}
.recb4{width:114px; height:38px; padding:3px; float:left; font-size:10px; line-height:normal}
.recb5{width:120px; height:10px; float:left; font-size:10px; line-height:normal}
.recb5 a{display:block; background-color:#AA0000; color:#FFFFFF; width:120px; padding:3px 0; text-align:center}

.recListM{width:110px; height:190px; float:left; border:#D5DAF0 1px solid; margin:0px 1px}
.recList{width:100px; height:100px; padding:5px; float:left; overflow:hidden}
.recListT{width:100px; height:40px; padding:5px; float:left; font-size:10px; line-height:normal}
.recListB{width:110px; float:left;}
.recListB a{display:block; background-color:#3a99dc; font-size:10px; font-weight:bold; text-align:center; width:54px; padding:5px 0; float:left; color:#FFFFFF; margin-right:1px}
.recListB a:hover{ background-color:#007700}

/*breadcrumbs*/
.recBreadW{width:596px; height:auto; padding:1px; margin:2px; border:#D5DAF0 1px solid; float:left;}
.recBreadW a{display:block; background:url(../images/BCimg.jpg) repeat-x; padding:3px; float:left; margin-right:1px}
.recBreadW a:hover{ background:url(../images/BCimgRO.jpg) repeat-x;}

.text{ font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.bread{width:400px; float:right; text-align:right; font-size:12px; font-weight:bold}

.hgForm{width:400px; min-height:20px; padding:5px; float:left}
.hgForm2{width:150px; min-height:20px; float:left}
.hgForm3{width:250px; min-height:20px; float:left}

.gemOne{ width:110px; height:120px; float:left; overflow:hidden}
.hgOne{width:300px; padding:0 10px 0 20px; float:left}
.hgTwo{width:100px; height:20px; padding:0 5px 0 0; float:left; text-align:right}
.hgThree{width:195px; height:20px; float:left}

.recOne{width:560px; height:30px; float:left}
.recTwo{width:160px; height:30px; float:left; font-weight:bold}
.recThree{width:400px; height:30px; float:left}

.recfour{width:300px; height:30px; float:left}
.recfive{width:70px; height:30px; float:left}
.recsix{width:190px; height:30px; float:left}

#markers{width:600px; padding:3px 0; font-size:12px; font-weight:bold; border:1px #0066FF solid}

/*pagination*/
div.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid ##3a99dc; text-decoration: none; color: #000099;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #000000; color: #000;}
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid ##3a99dc; font-weight: bold;  background-color: #3a99dc; color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;}


/*popup*/
.thumbnail{position: relative; z-index: 0;}
.thumbnail:hover{background-color: transparent; z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute; background-color:#FFFFFF; padding: 5px; left: -1000px; border: 1px solid gray; visibility:  hidden; color: black; text-decoration: none;}
.thumbnail:hover span{visibility: visible; position: absolute; top:40px; left:5px; width:200px; height:auto}