/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    css-master
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family: Arial;
	font-size: 13px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADER TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {width:300px; margin:50px auto}
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TEXT TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p {
    font-family: Arial;
    font-size: 13px;
    text-align: justify;
    padding: 10px 10px 10px 10px;
}

span.error 
{
	color: Red;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	WEB LINK TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a {
	color: #4F9D00;
	font-family: Arial;
	font-size: 13px;
    font-weight: bolder;
	text-decoration: none;
}

a:hover {
    color: #013481;
}

a.footer {
	font-weight: bolder;
	padding-left:5px;
	padding-right:5px;
	color: #F4F4F4;
	text-decoration: none;
	font-size: 12px;
}

a.footer:hover {
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CATEGORY LINK TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN MENU LINK TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.mainmenu {
	font-weight: bolder;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
	color: #F4F4F4;
	text-decoration: none;
}

a.mainmenu:hover {
    text-decoration: underline;
    padding-left: 5px;
    padding-right: 5px;
	color: #F4F4F4;
}

a.mainmenuselected {
	font-weight: bolder;
    font-size: 15px;
	color: #FFD800;
    padding-left: 5px;
    padding-right: 5px;
	text-decoration: underline;
}

a.submainmenu {
	font-weight: bolder;
    font-size: 12px;
	color: #121212;
	padding-right: 5px;
	padding-left: 5px;
}

a.submainmenu:hover {
    text-decoration: underline;
	color: #555555;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TABLE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.footer {
    text-align: center;
    background-image: url(images/Main-Footer.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 800px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAINMENU TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.leftside {
    background-image: url(images/Main-LeftSideShadow.jpg);
    background-repeat: repeat-y;
    background-position: left;
    width: 37px;
}

td.mainmenu {
    background-image: url(images/Data-Header.jpg);
    background-repeat: repeat-x;
    width: 726px;
    height: 25px;
}

td.middleside {
    background-color: #FFFFFF;
    width: 726px;
    height: 30px;
}

td.rightside {
    background-image: url(images/Main-RightSideShadow.jpg);
    background-repeat: repeat-y;
    background-position: right;
    width: 37px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN PAGE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.splash {
    text-align: left;
    vertical-align: bottom;
    width: 726px;
    height: 350px;
    background-image: url(images/Main-Middle.png);
}

table.login 
{
    text-align: center;
    border: solid 1px black;
    font-size: 12px;
    width: 200px;
    height: 80px;
    background-color: #FFFFFF;
}

input.login 
{
    border: solid 1px black;
    font-size: 10px;
    width: 60px;
    height: 16px;
    background-color: #FFFFFF;
    margin-left: 2px;
    margin-right: 2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	DATA TABLE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.data {
    margin: 10px 10px 10px 10px;
    border: solid 1px #000000;
    width: 706px;
}

table.data tr.header{
    background-image: url(images/Data-Header.jpg);
    background-repeat: repeat-x;
    text-align: left;
    color: #FFFFFF;
    font-weight: bolder;
    font-size: 14px;
    height: 25px;
}

table.data tr.header td{
    padding-left: 10px;
    padding-right: 10px;
}

table.data tr.header td a{
    color: #C0C0C0;
}

table.data tr.header td a:hover{
    color: #FFFFFF;
	text-decoration: underline;
}

td.submainmenu 
{    
	background-image: url(images/Data-SubHeader.jpg);
    background-repeat: repeat-x;
    font-weight: bolder;
    font-size: 13px;
    height: 20px;
	text-align: right;
	vertical-align: middle;
}

table.data tr.subheader {
    background-image: url(images/Data-SubHeader.jpg);
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bolder;
    font-size: 13px;
    height: 20px;
}

table.data tr { /* Regular data */
    text-align: center;
    background-color: #FDFDFD;
    font-size: 13px;
}

table.data td.image {
    padding: 7px 7px 7px 7px; /* Used for the image on the skins.php page */
    text-align: center;
    width: 400px;
}

table.data td.description { /* Used for the description on the skins.php page */
    padding: 7px 7px 7px 7px;
    text-align: justify;
    width: 326px;
}

table.data td.categories {
    padding: 0px 7px 0px 7px;
    text-align: left;
	font-weight: bolder;
    font-size: 10px;
	color: #4F9D00;
}

table.register {
    border: solid 1px #CCCCCC;
}

table.data td.left {
    border-bottom: solid 1px #CCCCCC;
    background-color: #EBEBEB;
    text-align: left;
    padding: 10px 10px 10px 10px;
    font-weight: bolder;
    font-size: 13px;
    width: 150px;
}

table.data td.right {
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    background-color: #F5F5F5;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-size: 11px;
    width: 300px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	COMMENT TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.CommentLeft 
{
	padding: 4px;
	vertical-align: top;
	text-align: center;
	width: 200px;
}

td.CommentRight
{
	padding: 4px;
	vertical-align: top;
	text-align: Left;
	width: auto;
}

td.CommentLeftAlt
{
	padding: 4px;
	vertical-align: top;
	text-align: center;
	width: 200px;
	background-color: #C0C0C0;
}

td.CommentRightAlt
{
	padding: 4px;
	vertical-align: top;
	text-align: Left;
	width: auto;
	background-color: #C0C0C0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TABLE BORDER TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.border {
    border: 1px solid #CCCCCC;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGE TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border: 0px;
}

img.reduced {
	margin: 8px;
}

a img.thumb {
	margin: 8px 2px 8px 2px;
	border: solid 1px #CCCCCC;
}

a:hover img.thumb {
	margin: 8px 2px 8px 2px;
	border: solid 1px #000000;
}