/*
+-----------------------------+
|  BOXES WITH ROUND CORNERS   |
|    USING THE GIF METHOD     |
+-----------------------------+
*/
.rounded {
    display:inline;
    background-color:#FFF;
    clear:none;
    float:left;
    margin:0px;
    padding:0px;
    color:#646464;
}
.roundedBox {
	font-family:verdana,sans,sans-serif,arial,courier;
	font-size:.75em;
    margin:0px;
    padding:0px;
}
.roundedBox h3{
    margin:0px;
    padding:0px;
    font-size:1.25em;
}
.roundedBox ul{
    margin:0px;
    padding:0px;
    font-size:1.5em;
}
.roundedBox li{
    margin:0px;
    padding:0px;
    margin-left:20px;
}
.roundedBox li.link{
    margin:0px;
    padding:0px;
    margin-left:10px;
    color:#f58025;
    list-style: none;
    font-weight:bold;
}
.roundedBox li.link a{
    color:#f58025;
    text-decoration: none;
    cursor:auto;
}
.roundedBox li.link a:visited{
    color:#f58025;
    text-decoration: none;
    cursor:auto;
}
.roundedBox li.link a:hover{
    color:#7BE000;
    text-decoration: none;
    cursor:pointer;
}


/* BLUE TITLE  */
.roundedBox .titletopbar_blue {
    background: url("/main_templates/q90corp/images/topleftblue.gif") left top no-repeat #006cc7;
    height: 10px;
    line-height: 0px;
    font-size: 0px;
}
.roundedBox .titletopbar_blue .titletoprightcorner {
    float: right;
    background: url("/main_templates/q90corp/images/topmiddleblue.gif") right top repeat-y #006cc7;
    width: 10px;
    height: 10px;
}
.roundedBox .titletopbar_blue .titletoprightcorner div {
    float: right;
    background: url("/main_templates/q90corp/images/toprightblue.gif") right top repeat-y #006cc7;
    width: 10px;
    height: 10px;
    border:none;
}
.roundedBox .titlearea_blue{
    position:relative;
    background: url("/main_templates/q90corp/images/topmiddleblue.gif") left top repeat #006cc7;
    padding: 0px 10px 10px 10px;
    border-right: 1px solid #646464;
    border-left: 1px solid #646464;
    width:250px;
    font-size:1.25em;
    letter-spacing:.05em;
    font-family:verdana,sans,sans-serif,arial,courier;
    font-weight:bold;
    color:#FFF;
}
.roundedBox .titlearea_blue img{
    position:absolute;
    right:-15px;
    top:-25px;
}
.roundedBox .titlearea_blue .titlerightside {
    display:none;
    float: right;
    width: 10px;
    background: url("/main_templates/q90corp/images/middlerightblue.gif") right top repeat-y;
}

/* GREEN TITLE  */
.roundedBox .titletopbar_green {
    background: url("/main_templates/q90corp/images/topleftgreen.gif") left top no-repeat #01713c;
    height: 10px;
    line-height: 0px;
    font-size: 0px;
}
.roundedBox .titletopbar_green .titletoprightcorner {
    float: right;
    background: url("/main_templates/q90corp/images/topmiddlegreen.gif") right top repeat-y #01713c;
    width: 10px;
    height: 10px;
}
.roundedBox .titletopbar_green .titletoprightcorner div {
    float: right;
    background: url("/main_templates/q90corp/images/toprightgreen.gif") right top repeat-y #01713c;
    width: 10px;
    height: 10px;
    border:none;
}
.roundedBox .titlearea_green{
    position:relative;
    background: url("/main_templates/q90corp/images/topmiddlegreen.gif") left top repeat #01713c;
    padding: 0px 10px 10px 10px;
    border-right: 1px solid #336a50;
    border-left: 1px solid #5c8f56;
    width:250px;
    font-size:1.25em;
    letter-spacing:.05em;
    font-family:verdana,sans,sans-serif,arial,courier;
    font-weight:bold;
    color:#FFF;
}
.roundedBox .titlearea_green img{
    position:absolute;
    right:-15px;
    top:-25px;
}
.roundedBox .titlearea_green .titlerightside {
    display:none;
    float: right;
    width: 10px;
    background: url("/main_templates/q90corp/images/middlerightgreen.gif") right top repeat-y;
}

/* ORANGE TITLE  */
.roundedBox .titletopbar_orange {
    background: url("/main_templates/q90corp/images/topleftorange.gif") left top no-repeat #da551e;
    height: 10px;
    line-height: 0px;
    font-size: 0px;
}
.roundedBox .titletopbar_orange .titletoprightcorner {
    float: right;
    background: url("/main_templates/q90corp/images/topmiddleorange.gif") right top repeat-y #da551e;
    width: 10px;
    height: 10px;
}
.roundedBox .titletopbar_orange .titletoprightcorner div {
    float: right;
    background: url("/main_templates/q90corp/images/toprightorange.gif") right top repeat-y #da551e;
    width: 10px;
    height: 10px;
    border:none;
}
.roundedBox .titlearea_orange{
    position:relative;
    background: url("/main_templates/q90corp/images/topmiddleorange.gif") left top repeat #da551e;
    padding: 0px 10px 10px 10px;
    border-right: 1px solid #646464;
    border-left: 1px solid #646464;
    width:250px;
    font-size:2em;
    letter-spacing:.05em;
    font-family:verdana,sans,sans-serif,arial,courier;
    font-weight:bold;
    color:#FFF;
}
.roundedBox .titlearea_orange img{
    position:absolute;
    right:-15px;
    top:-25px;
}
.roundedBox .titlearea_orange .titlerightside {
    display:none;
    float: right;
    width: 10px;
    background: url("/main_templates/q90corp/images/middlerightorange.gif") right top repeat-y;
}


/* NO COLOR */
.roundedBox .topbar {
	background: url("/main_templates/q90corp/images/topleft.gif") left top no-repeat;
	height: 10px;
	line-height: 0px;
	font-size: 0px;
}
.roundedBox .topbar .toprightcorner {
	float: right;
	background: url("/main_templates/q90corp/images/topright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
}
.roundedBox .contentarea {
	background: url("/main_templates/q90corp/images/bottommiddle.gif") left bottom repeat-x #FFF;
	padding: 10px 10px 0px 10px;
    line-height: 3em;
	border-right: 1px solid #646464;
    border-left: 1px solid #646464;
}
.roundedBox .contentarea img{
    padding:25px 5px 5px 5px;
}
.roundedBox .contentarea p{
    margin:0px;
    padding:0px;
}
.roundedBox .contentarea .rightside {
    display:none;
	position: relative;
	float: right;
	width: 10px;
	background: url("/main_templates/q90corp/images/middleright.gif") right top repeat-y;
	background-color:red;
}


.roundedBox .bottombar {
	height: 10px;
	background: url("/main_templates/q90corp/images/bottomleft.gif") left top no-repeat;
	font-size: 0px;
	line-height: 0px;
    background-color:#FFFFFF;
}
.roundedBox .bottombar .bottomrightcorner {
	float: right;
	background: url("/main_templates/q90corp/images/bottomright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
    background-color:#FFFFFF;
}
/*
+------------------+
|  ROUNDED BUTTON  |
+------------------+
*/
.roundedButton{
    font-family:verdana,sans,sans-serif,arial,courier;
    line-height:24px;
    text-align: center;
    vertical-align: middle;
    color:#FFF;
    font-size:1.5em;
    font-weight: bold;
    border:none;
    padding:0px;
    margin:0px;
}
.roundedButton a.roundedButtonLink:link{
    color:#FFF;
    text-decoration:none;
    cursor:auto;
}
.roundedButton a.roundedButtonLink:visited{
    color:#FFF;
    text-decoration:none;
    cursor:auto;
}
.roundedButton a.roundedButtonLink:hover{
    color:#7BE000;
    text-decoration:none;
    cursor:pointer;
}
.buttonLeft{
    clear:none;
    float:left;
    height: 24px;
    width:5px;
    background: url("/main_templates/q90corp/images/buttonleft.gif") left top no-repeat;
    font-size: 0px;
    line-height: 0px;
}
.buttonMiddle{
    clear:none;
    float:none;
    height: 24px;
    background: url("/main_templates/q90corp/images/buttonmiddle.gif") left top repeat-x;
    font-size: 1em;
    padding:0px 22px 0px 22px;
}
.buttonRight{
    clear:none;
    float:right;
    height: 24px;
    width:5px;
    background: url("/main_templates/q90corp/images/buttonright.gif") right top no-repeat;
    font-size: 0px;
    line-height: 0px;

}