/***** Page Setup *****/
body, html
{
min-height: 300px;
height: 100%;
min-width: 1000px;
width: 100%;
}

body
{
margin: 0px;
padding: 0px;
background: #1a7732;
/*
background: -moz-radial-gradient(center 45deg, circle cover, #4fd8f6, #06093c);
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 800, from(#4fd8f6), to(#06093c) );
*/

background: -moz-radial-gradient(center center, circle cover, #4fd8f6, #06093c);
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 800, from(#4fd8f6), to(#06093c) );
background: -webkit-radial-gradient( 50% 50%, circle cover, #4fd8f6, #06093c );
background: -ms-radial-gradient(  center, center, circle cover, #4fd8f6, #06093c );
background-image: radial-gradient( 50% 50%, circle cover, #4fd8f6, #06093c );

/*
Nice shade of green!
#1a7732;
*/
color: #fff;
}

div
{
padding: 5px;
}

p
{
color: #fff;
font: 14px "Arial";
margin: 0px;
}

a
{
color: #3fb2e6;
margin: 0px;
/*
margin-right: 20px;
margin-top: 0px;
*/
}

h1
{
text-align: center;
font: 48px 'Comic Sans MS';
color: #fff;
}

h2
{
text-align: center;
font: bold 28px 'Arial';
color: #fff;
}

h3
{
padding: 0;
margin: 2px;
text-align: left;
font: bold 20px 'Arial';
color: #fff;
}




input
{
/*
Position and text-align
*/
margin: 10px 2px;
border: 1px solid #999;
font: 22px "Arial";
-moz-border-radius: 5px;           /* Firefox */
-webkit-border-radius: 5px;        /* Safari and chrome */
-khtml-border-radius: 5px;         /* Linux browsers */
border-radius: 5px;                /* CSS3 */
}

input[type="text"], input[type="password"]
{
padding: 3px 10px;
color: #bbb;

-webkit-transition: color .5s linear;		/* Safari 3.0+, Chrome 1.0+ */
-moz-transition: color .5s linear;			/* FF 4.0+ */
-o-transition: color .5s linear;			/* Opera 11.6+ */
-ms-transition: color .5s linear;			/* IE 10+ */
transition: color .5s linear;				/* the standard */
/*
Can set all attributes to transition:
-webkit-transition: all .5s linear; 
*/
}

input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:focus
{
color: #000;
}

/*
Hulu style:
#9a9a98
#716f74

#a7c968
#7bae38
*/

input[type="button"], input[type="submit"]
{
padding: 2px 5px;
cursor: pointer;


color: #4f3400;
background-color: #e5cf68;

background-image: -moz-linear-gradient( #f2e77e, #cba041 );										/* FF 3.6+ */
background-image: -webkit-linear-gradient( #f2e77e, #cba041 );									/* Safari 5.1+, Chrome 10+ */
background-image: -webkit-gradient( linear, left top, left bottom, from(#f2e77e), to(#cba041));	/* Safari 4+, Chrome 2+ */
background-image: -ms-linear-gradient( #f2e77e, #cba041 );										/* IE 10+ */
background-image: -o-linear-gradient( #f2e77e, #cba041 );										/* Opera 11.10+ */
background-image: linear-gradient( #f2e77e, #cba041 );											/* the standard */

/* I don't think I can choose background for this.  I have to choose background-color or background-image */
-webkit-transition: 	background-image .5s linear, color .5s linear;		/* Safari 3.0+, Chrome 1.0+ */
-moz-transition:		background-image .5s linear, color .5s linear;		/* FF 4.0+ */
-o-transition:			background-image .5s linear, color .5s linear;		/* Opera 11.6+ */
-ms-transition:			background-image .5s linear, color .5s linear;		/* IE 10+ */
transition:				background-image .5s linear, color .5s linear;		/* the standard */
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:focus, input[type="submit"]:focus
{
color: #593e0a;
background-color: #e5cf68;
background-image: -moz-linear-gradient( #faf188, #d5aa4b );										/* FF 3.6+ */
background-image: -webkit-linear-gradient( #faf188, #d5aa4b );									/* Safari 5.1+, Chrome 10+ */
background-image: -webkit-gradient( linear, left top, left bottom, from(#faf188), to(#d5aa4b));	/* Safari 4+, Chrome 2+ */
background-image: -ms-linear-gradient( #faf188, #d5aa4b );										/* IE 10+ */
background-image: -o-linear-gradient( #faf188, #d5aa4b );										/* Opera 11.10+ */
background-image: linear-gradient( #faf188, #d5aa4b );											/* the standard */
}




.frame
{
border: 1px solid white;
-moz-border-radius: 10px;           /* Firefox */
-webkit-border-radius: 10px;        /* Safari and chrome */
-khtml-border-radius: 10px;         /* Linux browsers */
border-radius: 10px;                /* CSS3 */
}

/*****  Drop Down Menu  *****/
#ddmenu, #ddmenu ul
{
float: right;
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
line-height: 25px;
}

#ddmenu a.first
{
-moz-border-radius-topleft: 10px;           /* Firefox */
-webkit-border-top-left-radius: 10px;       /* Safari and chrome */
-khtml-border-top-left-radius: 10px;        /* Linux browsers */
border-top-left-radius: 10px;               /* CSS3 */

-moz-border-radius-topright: 10px;           /* Firefox */
-webkit-border-top-right-radius: 10px;       /* Safari and chrome */
-khtml-border-top-right-radius: 10px;        /* Linux browsers */
border-top-right-radius: 10px;               /* CSS3 */
}

#ddmenu a.last
{
-moz-border-radius-bottomleft: 10px;           /* Firefox */
-webkit-border-bottom-left-radius: 10px;       /* Safari and chrome */
-khtml-border-bottom-left-radius: 10px;        /* Linux browsers */
border-bottom-left-radius: 10px;               /* CSS3 */

-moz-border-radius-bottomright: 10px;           /* Firefox */
-webkit-border-bottom-right-radius: 10px;       /* Safari and chrome */
-khtml-border-bottom-right-radius: 10px;        /* Linux browsers */
border-bottom-right-radius: 10px;               /* CSS3 */
}

#ddmenu a:link, #ddmenu a:active, #ddmenu a:visited
{
display: block;
padding: 0px 5px;
border: 1px solid #333;
color: #fff;
text-decoration: none;
width: 115px;
background: rgba(100, 100, 100, .7);
}

#ddmenu a:hover
{
background: rgba(200, 200, 200, .7);
/*
background-color: #fff;
*/
color: #333;
}

#ddmenu li
{
float: left;
position: relative;
}

#ddmenu ul
{
position: absolute;
width: 115px;
top: 25px;
display: none;
}

#ddmenu li ul a
{
width: 115px;
float: left;
}

$ddmenu ul ul
{
top: auto;
}

#ddmenu li ul ul
{
left: 25px;
margin: 0px 0 0 10px;
}

#ddmenu li:hover ul ul, #ddmenu li:hover ul ul ul, #ddmenu li:hover ul ul ul ul
{
display: none;
}

#ddmenu li:hover ul, #ddmenu li li:hover ul, #ddmenu li li li:hover ul, #ddmenu li li li li:hover ul
{
display: block;
}



/* MESSAGES */
#msgs		{ position: absolute; bottom:50px; width:400px; left: 50%; margin-left:-200px; text-align:center; }
.msg-info, .msg-atten, .msg-ok, .msg-error { margin:3px 0; padding:10px 10px 10px 40px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.msg-info	{ background:#ADC2F7 6px center no-repeat; border:1px solid #6D94F7; color:#03C; }
.msg-atten	{ background:#FAE673 6px center no-repeat; border:1px solid #FEBD63; color:#C60; }
.msg-ok		{ background:#AEE893 6px center no-repeat; border:1px solid #8EC46C; color:#060; }
.msg-error	{ background:#F4B8B5 6px center no-repeat; border:1px solid #C94042; color:#900; }
/* END OF MESSAGES */