/* CSS Document */
@media screen and (min-device-width: 501px)
{
#diamenu2 {width:auto; background-color:#D3BDB6; float: left; border-style: solid; border-width: 2px; max-width:15%; position:relative;  top: 5%; }
#diamenu2 a {text-decoration:none; font-weight:bold; color: #9f273c; padding-left: 2px; background-color:#D3BDB6 }
#diamenu2 {text-decoration: none; color: #9f273c; }
#dianewsearch {float:left; position:relative; width:100%; padding:2%; min-height:20px;}
#diaresults {position:relative; width:100%; height:auto;}
#diamenu2 li {padding: 1%;}
#dialectionarycontainer{width:100%; height:auto; padding-top:1%;}
#border {float: left;}
div.scripkeeper {width:auto; max-width: 80%; min-width:50%; float:left; display: inherit; padding-left:2px;}
div.diahide {position:relative; left:20px; width: auto; float:left; display: none; min-width:80%; max-width:80%;} 
div.diahide2 {max-height:550px; min-width:97%; max-width:99%; overflow:auto; width:auto; float:left; display: none;} /* */
div.diahide2noimage {max-height:550px; min-width:98%; max-width:100%; overflow:auto; width:auto; float:left; display: none;} /* */
div.diahide2ajax {max-height:550px; min-width:98%; max-width:100%; overflow:auto; width:auto; float:left;} /* */
div.diaweek {position:relative; left:20px; width: auto; float:left;}
div.diahide1 {float:left; display: none;}
div.diafixer {float:left; position:relative; top:1%; width:auto; max-width:75%; padding-bottom:3%; padding-left:1%; }
div.diafixer2 {float:left; position:relative; left: 1%; top:1%; width:auto; max-width:98%; padding-bottom:3%; }
div.diaresultant {display:inherit; float: left; height:260px; padding:2%; text-align:center; width:140px; }
div.diaresultantnoimage {display:inherit; float: left; height:auto; padding:1%; text-align:center;}
a.scripref {font-weight: bold; padding-top: 1%;}
div.dianavitem {float: left; height:auto; padding-left:1%;  text-align:center; width:auto; }
div.diamenureplace {padding-left:4px; padding-right:2px; width:auto; max-width: 99% ; display:none;}
#diaexplanation{display:none; height:23%; max-height:160px; position:relative; overflow:auto; width:98%; font-size:small-caption;}
#dianav{width:100%; position:relative; padding-bottom: 2%; padding-top:1%; min-height:7px; text-align: center;}
#diabanner{width:100%; height:auto; max-width: 750px; }
}

@media screen and (max-device-width: 500px)
{
#diamenu2 {min-width:100px; width:auto; float: left; border-style: solid; font-size: 6px; border-width: 2px; max-width:20%; min-width:10%; position:relative;  top: 5%; }
#diamenu2 a {text-decoration:none; font-weight:bold; color: #9f273c; padding-left: 2px; background-color:#D3BDB6 }
#diamenu2 {text-decoration: none; color: #9f273c; }
#dianewsearch {float:left; position:relative; width:100%; padding:2%; min-height:20px;}
#diaresults {position:relative; width:100%; height:auto;}
#diamenu2 li {padding: 1%;}
#dialectionarycontainer{width:100%; height:auto; padding-top:1%;}
#border {float: left;}
div.scripkeeper {width:auto; max-width: 80%; min-width:70%; float:left; display: inherit; padding-left:2px;}
div.diahide {padding-left:5px; width: auto; float:left; display: none;} /*display: none; */
div.diahidecleanup {padding-left:10px; width: auto; float:left; } /*display: none; */
div.diaweek {position:absolute; left:100px; width: auto; float:left;}
div.diahide2 {max-height:550px; min-width: 300px; overflow:auto; width:auto; float:left; display: none;} /* */
div.diahide1 {float:left; display: none;} /*display: none; */
div.diafixer {float:left; position:relative; top:1%; width:auto; max-width:98%; padding-bottom:3%; padding-left:1%; }
div.diafixer {float:left; position:relative; top:1%; width:100%; width:98%; padding-bottom:3%; padding-left:1%; }
div.diafixer2 {float:left; position:relative; left: 1%; top:1%; width:auto; max-width:98%; padding-bottom:3%; }
div.diaresultant {display:inherit; float: left; height:auto; height:240px; padding:2%; text-align:center; width:140px; }
a.scripref {font-weight: bold; padding-top: 1%;}
div.dianavitem {float: left; height:auto; padding-left:1%;  text-align:center; width:auto; }
div.diamenureplace {padding-left:4px; padding-right:2px; width:auto; max-width: 99% ; display:none;}
#diaexplanation{display:none; height:10%; max-height:100px; position:relative; overflow:auto; width:98%; font-size:small-caption;}
#dianav{min-width:98%; position:relative; padding-bottom: 2%; padding-top:1%; min-height:7px; text-align: center;}
#diabanner{width:100%; height:auto; max-width: 750px; }
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}



.vscrollerbase {

width: 15px;

background: #D7EBDF url(js/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;

}

.vscrollerbar {

width: 15px;

background: #99CBCB url(js/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;

}

.hscrollerbase {

height: 15px;

background: #D7EBDF url(js/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;

}
.hscrollerbar {

height: 15px;

background: #99CBCB url(js/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;

}

.vscrollerbar, .hscrollerbar {
padding: 10px;

z-index: 2;

}
.vscrollerbarbeg {
background: url(js/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;

height: 15px !important;

}
.vscrollerbarend {
background: url(js/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {

background: url(js/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;

height: 15px;

width: 15px !important;
}
.hscrollerbarend {

background: url(js/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {

width: 15px;
height: 15px;

top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(js/horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {

background: url(js/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;

width: 15px;

height: 15px !important;

}
.vscrollerbaseend {

background: url(js/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;

height: 15px;
width: 15px;
}

.hscrollerbasebeg {

background: url(js/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;

height: 15px;

width: 15px !important;
}

.hscrollerbaseend {

height: 15px;
width: 15px;
background: url(js/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(js/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */