/* Style the search input field. */
#field {
float:left;
width:250px;
height:33px;
line-height:33px;
text-indent:10px;
font-family:arial, sans-serif;
font-size:1em;
color:#333;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-right:solid 1px #c0c0c0;
margin-right: 5px;
}

/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submit {
cursor:pointer;
width:70px;
height: 31px;
line-height:0;
font-size:0;
text-indent:-999px;
color: transparent;
background: url(http://4.bp.blogspot.com/-GX7E4j3jwR0/ThMXKjuQ9VI/AAAAAAAAEsE/rJE5Ip1qDEg/s1600/ico-search.png) no-repeat #4d90fe center;
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

/* Style the search button hover state */
#submit:hover {
background: url(http://4.bp.blogspot.com/-GX7E4j3jwR0/ThMXKjuQ9VI/AAAAAAAAEsE/rJE5Ip1qDEg/s1600/ico-search.png) no-repeat center #357AE8;
border: 1px solid #2F5BB7;
}

/*............................ 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:12px;
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, #3b2d7b), color-stop(1, #201b37) );
background:-moz-linear-gradient( center top, #3b2d7b 5%, #201b37 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b2d7b', endColorstr='#201b37');
background-color:#ededed;
-moz-border-radius-to:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:white;
font-family:arial;
font-size:15px;
font-weight:normal;
padding:6px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #000;
}

.deltabutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #201b37), color-stop(1, #3b2d7b) );
background:-moz-linear-gradient( center top, #201b37 5%, #3b2d7b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#201b37', endColorstr='#3b2d7b');
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 */


#gallery {
  display: block;
  float: left;
  padding: 25px;
  margin: 10px;
  clear: both;
  width: 950px;
  
}