body {
margin-top              : 0%;
margin-bottom           : 0px;
margin-left             : 0px;
margin-right            : 0px;
font-family: Helvetica Neue, sans-serif;
font-size               : 14px;
background              : url(http://idevspot.com/themes/style/img/bgthinkizer.png);
background-repeat       : repeat-x;
background-color        : #EEEEEE;
text-align: center;
color: 666666;
}

/*----------------------*/

.textarea100            {
width:100%;

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

input[type="button"], input[type="submit"] {
        -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        box-shadow:inset 0px 1px 0px 0px #dcecfb;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
        background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
        background-color:#bddbfa;
        -moz-border-radius:13px;
        -webkit-border-radius:13px;
        border-radius:13px;
        border:1px solid #84bbf3;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:16px;
        font-weight:bold;
        padding:6px 20px;
        text-decoration:none;
        text-shadow:1px 1px 0px #528ecc;
}


.select {

width:100%;

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

}

h1 {
margin-top: 0px;
}

h3 {
font-size: 17px;
}

form {
margin: 0px;
}

.homebutton {
margin-left: 5px;
background: url('http://idevspot.com/themes/style/home/home03.png');
height: 24px;
width: 24px;
}

.header {

padding-top: 15px;
padding-bottom: 15px;
}












.headerspace {
padding-right            : 15px;
padding-left             : 15px;
font-size                : 13px;
border-right-width       : 1px;
border-right-style       : solid;
border-right-color       : #C6C6C6;
}


.headerlink {
}

/*----------------------*/

.listbox {
padding: 20px;
border-bottom: 1px dashed #D7D7D7;
font-size:13px;
        background-color        : F6F6F6;
}

.tdheader {
}

.tdsubheader {
float: left;
width: 100%;

}

.tdbox {

        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size:13px;
        float: left;

}

@-moz-document url-prefix() {
    .tdbox {
        float: left;
    }
}

.tdcell {
padding: 10px;
border-bottom: 1px dashed #D7D7D7;
font-size:13px;
background-color        : F6F6F6;
}

.pagi {

}

.map {

}

.smallfont {
        font-size: 10px;
        font-color: cccccc;
}


/*----------------------*/

.thumbimage {
margin-right: 15px;
width: 150px;
float: left;
}

.galthumb {
margin-right: 3px;
margin-left: 3px;
margin-bottom: 6px;
width: 89px;
height: 85px;
float: left;
}

.photo {
float: left;
width: 250px;
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
}

.floatLeft {
float: left;
width: 250px;
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
}

/*----------------------*/

.caticon {
margin-right: 10px;
margin-bottom: 10px;
width: 28px;
float: left;
}

.catlink {
margin-top: 5px;
font-size: 16px;
}

.catcell {
width: 33%;

display: inline-block;
margin-bottom: 5px;
}

.catbox {
width: 100%;
margin-bottom: 15px;
float: left;
display: inline-block;
}

.navcatlink {
font-size: 13px;
}

.tdcatcell {
padding-top: 5px;
padding-bottom: 5px;
}

/*----------------------*/

.borderbox {
width: 600px;

display: inline-block;
padding: 30px;
background-color: ffffff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #D7D7D7;
-moz-box-shadow: 0px 2px 5px 0px #ccc;
-webkit-box-shadow: 0px 2px 5px 0px #ccc;
box-shadow: 0px 2px 5px 0px #ccc;
font-size: 12px;
}

.nav {
width: 100%;
}

.shim {
width: 15px;
}

.navbox {

background-color: F6F6F6;

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 30px;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-top: 0px solid #E1E1E1;
-moz-box-shadow: 2px 0px 5px 0px #ccc;
-webkit-box-shadow: 2px 0px 5px 0px #ccc;
box-shadow: 0px 3px 5px 0px #ccc;
font-size: 12px;
}

hr {
color: fff;
background-color: fff;
border: 1px dashed #D7D7D7;
border-style: none none dashed;
}

/*----------------------*/


.poweredby a:link           { color: #B0B0B0; font-size:11px; text-decoration:none; }
.poweredby a:active         { color: #B0B0B0; font-size:11px; text-decoration:none; }
.poweredby a:visited        { color: #B0B0B0; font-size:11px; text-decoration:none; }
.poweredby a:hover          { color: #B0B0B0; font-size:11px; text-decoration:underline; }

.poweredby { margin-top: 15px;
       font-size                :11px;
       color: #B0B0B0;
}

a:link                  { color: #000000; text-decoration:none; }
a:active                { color: #000000; text-decoration:none; }
a:visited               { color: #000000; text-decoration:none; }
a:hover                 { color: #000000; text-decoration:underline; }


#lightbox {
        background-color        :#eee;
        padding                 : 10px;
        border-bottom           : 2px solid #666;
        border-right            : 2px solid #666;
        }

#lightboxDetails {
        font-size               : 0.8em;
        padding-top             : 0.4em;
        }

#lightboxCaption        { float: left; }
#keyboardMsg            { float: right; }
#lightbox img           { border: none; }
#overlay img            { border: none; }
#overlay                { background-image: url(../images/overlay.png); }

* html #overlay {
        background-color        : #000;
        back\ground-color       : transparent;
        background-image        : url(blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
        }

#field {
margin-left: 15px;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border: 1px solid #dcdcdc;
display: inline-block;
padding:5px 5px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submit {

}

/* Style the search button hover state */
#submit:hover {

}

/* Give Me Buttons */

.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, #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;
}

.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;
}



.bugblue {
        -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        box-shadow:inset 0px 1px 0px 0px #dcecfb;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
        background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
        background-color:#bddbfa;
        -moz-border-radius:13px;
        -webkit-border-radius:13px;
        border-radius:13px;
        border:1px solid #84bbf3;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:28px;
        font-weight:bold;
        padding:13px 24px;
        text-decoration:none;
        text-shadow:1px 1px 0px #528ecc;
}





.bugblues {
        -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        box-shadow:inset 0px 1px 0px 0px #dcecfb;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
        background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
        background-color:#bddbfa;
        -moz-border-radius:13px;
        -webkit-border-radius:13px;
        border-radius:13px;
        border:1px solid #84bbf3;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:16px;
        font-weight:bold;
        padding:6px 20px;
        text-decoration:none;
        text-shadow:1px 1px 0px #528ecc;
        color: white;
}


.spacenav {
background-color: F6F6F6;
width: 200px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 20px;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-top: 0px solid #E1E1E1;
-moz-box-shadow: 2px 0px 5px 0px #ccc;
-webkit-box-shadow: 2px 0px 5px 0px #ccc;
box-shadow: 0px 3px 5px 0px #ccc;
font-size: 12px;

}