
/*............................ for the installer */

body {
margin-top: 5px;
font-family: arial,sans-serif;
font-size: 12px;
text-align: center;
background-color: EEEEEE;
}

h1 {
margin-top: 0px;
padding-top: 0px;
color: 666666;
font-size: 26px;
}

h2 {
margin-top: 0px;
padding-top: 0px;
color: 666666;
font-size: 22px;
}

h3{
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 14px;
color: 666666;
font-size: 18px;
}

h4 {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 14px;
}

h5 {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 10px;
color: B0B0B0;
font-size: 12px;
}

hr {
color: fff;
background-color: fff;
border: 1px dotted #DDDDDD;
border-style: none none dotted;
}

.large {
font-size: 18px;
color: 666666;
}

.linklarge {
font-size: 18px;
}

.linklarge a:link {
color: 666666;
text-decoration: none;
}

.linklarge a:active  {
color: 666666;
text-decoration: none;
}

.linklarge a:visited {
color: 666666;
text-decoration: none;
}

.linklarge a:hover {
color: 000000;
text-decoration: underline;
}

.linkmedium {
font-size: 14px;
}

.linkmedium a:link {
color: 666666;
text-decoration: none;
}

.linkmedium a:active {
color: 666666;
text-decoration: none;
}

.linkmedium a:visited {
color: 666666;
text-decoration: none;
}

.linkmedium a:hover {
color: 000000;
text-decoration: underline;
}

.linksmall {
font-size: 12px;
}

.linksmall a:link {
color: 666666;
text-decoration: none;
}

.linksmall a:active {
color: 666666;
text-decoration: none;
}

.linksmall a:visited {
color: 666666;
text-decoration: none;
}

.linksmall a:hover {
color: 000000;
text-decoration: underline;
}

.linkverylarge {
font-size: 24px;
}

.linkverylarge a:link {
color: 666666;
text-decoration: none;
}

.linkverylarge a:active {
color: 666666;
text-decoration: none;
}

.linkverylarge a:visited {
color: 666666;
text-decoration: none;
}

.linkverylarge a:hover {
color: 000000;
text-decoration: underline;
}

.linkverysmall {
font-size: 10px;
}

.linkverysmall a:link {
color: 666666;
text-decoration: none;
}

.linkverysmall a:active {
color: 666666;
text-decoration: none;
}

.linkverysmall a:visited {
color: 666666;
text-decoration: none;
}

.linkverysmall a:hover {
color: 000000;
text-decoration: underline;
}

.medium {
font-size: 14px;
color: 666666;
}

.pagination {
font-size: 64px;
font-weight: bold;
float: right;
}

.pagination a:link {
color: 666666;
text-decoration: none;
}

.pagination a:active  {
color: 666666;
text-decoration: none;
}

.pagination a:visited {
color: 666666;
text-decoration: none;
}

.pagination a:hover {
color: 000000;
text-decoration: underline;
}

.small {
font-size: 12px;
color: 666666;
}

.verylarge {
font-size: 24px;
color: 666666;
}

.verysmall {
font-size: 10px;
color: 666666;
}



/*............................ for the installer */

.clearbox {
display:inline-block;
text-align: left;
padding:0px 0px 0px 0px;
}

.iconbox {
background-color: #ffffff;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
border:2px solid #666666;
display: inline-block;
padding: 5 5 5 5;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.iconbox:hover {
border: 2px solid #cccccc;
}

.editbox {
width: 100%;
background-color: #ffffff;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
border: 2px dashed #cccccc;
display: inline-block;
padding: 10px 10px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
margin-top:5px;
margin-bottom: 5px;
}

.editbox:hover {
border: 2px dashed #666666;
}

.popbox {

background-color: #eeeeee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 5px solid #666666;
display: inline-block;
padding: 15px 15px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.fieldbox {
height: 50px;
background-color: #eeeeee;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border: 1px solid #dcdcdc;
display: inline-block;
padding:15px 15px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.searchbox {
background-color: #eeeeee;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #dcdcdc;
display: inline-block;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.textbox {
height: 300px;
width: 100%;
}

.primebox {
background-color: #eeeeee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #dcdcdc;
display: inline-block;
padding: 15px 15px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.boxadmin {
width: 950px;
background-color: #ffffff;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
border-radius: 26px;
margin-bottom: 15px;
border: 5px solid #666666;
display: inline-block;
padding: 20px 20px;
text-align: left;
vertical-align:top;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.thumb {
background-color: #white;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border:2px solid #cccccc;
display: inline-block;
padding: 6px 6px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.thumb:hover {
background-color: #666666;
}

.apps {
background-color: white;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border:1px solid #cccccc;
display: inline-block;
padding: 6px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.apps:hover {
border:1px dashed #cccccc;
}

.appsnohover {
background-color: white;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border:1px solid #cccccc;
display: inline-block;
padding: 6px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.activethumb {
background-color: #666666;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border:2px solid #cccccc;
display: inline-block;
padding: 6px 6px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}



.romebutton {
-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
box-shadow:inset 0px 1px 0px 0px #bbdaf7;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
background-color:#79bbff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #84bbf3;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:18px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #528ecc;
}

.romebutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
background-color:#378de5;

}

.romebutton:active {
position:relative;
top:1px;
}

/*............................*/

.deltabutton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius-to:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}

.deltabutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;

}

.deltabutton:active {
position:relative;
top:1px;
}

.quambutton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}

.quambutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;

}

.quambutton:active {
position:relative;
top:1px;
}

.fatquambutton {
        -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
        -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
        box-shadow:inset 0px 1px 0px 0px #cae3fc;
        background-color:#79bbff;
-webkit-border-bottom-right-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
-moz-border-radius-bottomright: 16px;
-moz-border-radius-bottomleft: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
border:0px solid #ffffff;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:16px;
font-weight:bold;
padding:12px 12px;
text-decoration:none;
}

.fatquambutton:hover {
background-color:#4197ee;
}

.fatquambutton:active {
        position:relative;
        top:1px;
}

.quambuttonspark {
-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
box-shadow:inset 0px 1px 0px 0px #fff6af;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
background-color:#ffec64;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border:1px solid #ffaa22;
display:inline-block;
color:#333333;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffee66;

}.quambuttonspark:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
background-color:#ffab23;

}.quambuttonspark:active {
position:relative;
top:1px;
}

.adminbar {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;

border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border:1px solid #dcdcdc;

color:#777777;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}

.sparklybutton {
-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
box-shadow:inset 0px 1px 0px 0px #fff6af;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
color:#333333;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffee66;
}.sparklybutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
background-color:#ffab23;
}.sparklybutton:active {
position:relative;
top:1px;
}

/*............................*/

.clickbutton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:42px;
-webkit-border-radius:42px;
border-radius:42px;
border:2px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:28px;
font-weight:bold;
padding:32px 76px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}

.clickbutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}

.clickbutton:active {
position:relative;
top:1px;
}

/*............................ #0066DD nice blue */
