/*
 * Mixer.css
 *
 * Copyright 2007 Greg McLaughlin
 */
 
form {
 margin-bottom: 0px;
}

body {
 margin:0px;
}

.column { float: left; }

.twocol { width: 100%; }

.twocol .column.first { width: 69%; }

.twocol .column.last { width: 31%; }

.twocol2 { width: 100% }

.twocol2 .column.first { width: 70%; }

.twocol2 .column.last { width: 30%; }

.threecol { width: 100%; }

.threecol .column.first { width: 30%; }

.threecol .column.middle {width: 40%; }

.threecol .column.last { width: 30%;}

.column.first, .column.middle, .column.last
{
 margin-left:0 !important;
}

.column.last
{
 float: right !important;
}

.twocol:after, .twocol2:after, .threecol:after
{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.controlBar
{
 position: absolute;
 left: 320px; /* default is out of view */
 top: 0px;
 width:300px;
 height: 43px;
 background-image: url(images/controlBarGradient.png);
 background-repeat: repeat-x;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: rgb(217, 217, 217);
 padding-left: 10px;
 padding-right:10px;
}

.controlBar .pagetitle
{
 text-align: center;
 font-family: helvetica;
 font-size: 20px;
 font-style: bold;
 text-shadow: #000 0px 1px 1px;
 color: white;
 padding-top: 9px;
}

.controlBar .leftbutton, .rightbutton
{
 text-align: left;
 font: bold 12px Helvetica, sans-serif;
 text-shadow: #000 0px 1px 1px;
 color: white;
 margin-top: 7px;
 height: 29px;
}

.controlBar .rightbutton
{
 text-align: right;
}

/* rightbutton */
.controlBar div.rightbutton
{
 float:right;
 cursor:default;
}

.controlBar div.rightbutton span.leftbuttoncap
{
 padding-left:0;
 padding-right:7px;
 background:url(images/leftButtonCap.png) no-repeat top left;
}

.controlBar div.rightbutton span
{
 float:left;
 position:relative;
 height:20px;
 padding:7px 7px 3px;
 background-image: url(images/buttonGradient.png);
 background-repeat: repeat-x;
}

.controlBar div.rightbutton span.rightbuttoncap
{
 padding-left:0;
 background:url(images/rightButtonCap.png) no-repeat top right;
}
/* end - rightbutton */


/* leftbutton */
.controlBar div.leftbutton
{
 float:left;
 cursor:default;
}

.controlBar div.leftbutton span.leftbackbuttoncap
{
 padding-left:0;
 padding-right:13px;
 background:url(images/leftBackButtonCap.png) no-repeat top left;
}

.controlBar div.leftbutton span
{
 float:left;
 position:relative;
 height:20px;
 padding:7px 7px 3px;
 padding-left:7px;
 background-image: url(images/buttonGradient.png);
 background-repeat: repeat-x;
}

.controlBar div.leftbutton span.rightbuttoncap
{
 padding-left:0;
 background:url(images/rightButtonCap.png) no-repeat top right;
}
/* end - leftbutton */

.bottomBar
{
 width:300px;
 height: 36px;
 background-image: url(images/bottomBarGradient.png);
 background-repeat: repeat-x;
 padding-left: 10px;
 padding-right:10px;
}

.borderImageBtn
{
 margin: 0;
 height: 30px;
 width:60px;
 text-align: center;
 font: bold 12px/30px Helvetica, sans-serif;
 text-decoration: none;
 display: block;
 cursor:default;
}
.blueButton
{
 border-left: 12px;
 border-right: 12px;
 color: white;
 text-shadow: #000 0px 1px 1px;
 -webkit-border-image:url("images/blueButton.png") 0 14 0 14;
}

div.blueButton
{
 float: right;
}
 
.main
{
 position: absolute;
 left: 320px; /* default is out of view */
 top: 44px;
 width: 320px;
 min-height: 437px;
 background-color: rgb(175, 185, 202);
}

.main .itembar
{
 width:300px;
 height: 43px;
 background-color: white;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: rgb(217, 217, 217);
 padding-left: 10px;
 padding-right:10px;
}

.main .groupitem
{
 width:278px;
 background-color: white;
 border-style: solid;
 border-width: 1px;
 border-color: rgb(217, 217, 217);
 padding-left: 10px;
 padding-right:10px;
 padding-top: 5px;
 padding-bottom: 14px;
 margin-left: 10px;
 margin-right: 10px;
 -webkit-border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 -webkit-tap-highlight-color: rgb(0,118,245);
}

.main .groupitem.top
{
 margin-top: 17px;
 padding-top: 0px;
 padding-bottom: 0px;
 -webkit-border-bottom-left-radius: 0px;
 -webkit-border-bottom-right-radius: 0px;
}

.main .groupitem.middle
{
 border-top: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;
 -webkit-border-bottom-right-radius: 0px;
}

.main .groupitem.bottom
{
 border-top: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 -webkit-border-top-left-radius: 0px;
 -webkit-border-top-right-radius: 0px;
}

.main p.groupitem
{
 font-family: helvetica;
 font-size: 12px;
 font-style: normal;
 text-align: center;
 margin-bottom: 0px;
 margin-top: 20px;
 padding-top: 14px;
}

.main p.groupitem > em {
 color: red;
}
 

.main .groupText
{
 font-family: helvetica;
 font-size: 17px;
 font-style: bold;
}

.main .labelText, .infoText
{
 font-family: helvetica;
 font-size: 20px;
 font-style: bold;
}

.main .inputtext
{
 font-family: helvetica;
 font-size: 17px;
 font-style: normal;
}

.main div.itemL, div.itemR, div.inputitemR
{
 padding-top: 9px;
 text-align:left;
}

.main div.inputitemR
{
 padding-top: 5px;
}

.main div.itemR
{
 text-align: right;
}

.main .listrightarrow
{
 padding-left:0;
 height:43px;
 background:url(images/listRightArrow.png) no-repeat right center;
 cursor: pointer;
}

.main .listrightarrow > p
{
 margin: 0px;
 padding-top: 12px;
 text-align: left;
}

#launcherArea > .controlBar
{
 left: 0px; /* start in view */
}

#launcherArea > .main
{
 left: 0px; /* start in view */
 background-image: url(images/mainBackground.png);
 background-repeat: repeat-y;
}

#viewPortClip
{
 position: absolute;
 overflow: hidden;
 left: 0;
 top: 0;
 width: 320px;
 min-height: 460px;
 height: 100%;
}

.resultSlider
{
 margin-top: 1px;
 margin-bottom: 4px;
}

#topupmixArea .twocol2 .column.first { width: 65%; }

#topupmixArea .twocol2 .column.last { width: 35%; }

#bleeddownArea .twocol2 .column.first { width: 65%; }

#bleeddownArea .twocol2 .column.last { width: 35%; }

#eadArea .twocol .column.first { width: 67%; }

#eadArea .twocol .column.last { width: 33%; }

#eadArea .threecol .column.first { width: 22%; }

#eadArea .threecol .column.middle {width: 53%; }

#eadArea .threecol .column.last { width: 24%;}

#bestmixArea .twocol .column.first { width: 67%; }

#bestmixArea .twocol .column.last { width: 33%; }

#bestmixArea .twocol2 .column.first { width: 80%; }

#bestmixArea .twocol2 .column.last { width: 20%; }

#supportLinks
{
 display: block;
 font: bold 12px Helvetica, sans-serif;
 text-align: left;
 margin-top: 6px;
 margin-bottom: 10px;
 margin-left: 10px;
}

.noDecoration
{
 color: rgb(76, 86, 108);
 text-decoration: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0);
}

#supportLinks .twocol .column.first { width: 65%; }

#supportLinks .twocol .column.last { width: 35%; }