/*
GLOBAL
-------------------------------
CSS for Elemental Go
www.elementalgo.com

Created by Regan Hurd of Elemental Go
www.elementalgo.com

7.15.12
------------------------------
*/


/* Global Styles
----------------------------------- */

body {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1em 0;
}


h1 { font-size: 65px; margin: 0 2px 4px 0; }
h2 { font-size: 40px; margin: 0 2px 4px 0; }
h3 { font-size: 25px; margin: 0 2px 4px 0; }
h4 { font-size: 20px; margin: 0 2px 4px 0; }
h5 { font-size: 15px; margin: 0 2px 4px 0; }
h6 { font-size: 13px; margin: 0 2px 4px 0; }

	.dotted { border-bottom: 1px #ccc dotted; }
	
	.plus2x { font-size: 16px; }
	
	.page_title { margin: 0px 0 15px 15px; }
    h2.page_title { margin-top: 15px; }

	/* Color Palette
	---------------------------- */
    .tgreen { color: #4A6F28; }
	.dgreen { color: #628A39; }
	.lgreen { color: #8ABB59;}
	.dgrey { color: #747474; }
	.lgrey { color: #8A8A8A;}
	.lblack { color: #4A4A4A; }
    
    .bgreen { }


#container {
   background: transparent;
   width: 310px;
   margin: 0 auto;
}


#logo {
	margin-top: 190px;
}


div#clients {
	width: 430px;
	height: 80px;
	margin: 25px auto;
}

div#clients a {
	cursor: pointer;
	height: 80px;
	float: left;
	background-image: url(../images/clients.jpg);
}

div#clients a:hover { text-decoration: none; border: none; }

div#clients .mds { width: 120px; background-position: 0px top; }
div#clients .mds:hover { background-position: 0px bottom; }

div#clients .rcs { width: 100px; background-position: -120px top; }
div#clients .rcs:hover { background-position: -120px bottom; }

div#clients .wmis { width: 140px; background-position: -220px top; }
div#clients .wmis:hover { background-position: -220px bottom; }

div#clients .fw { width: 170px; background-position: -360px top; }
div#clients .fw:hover { background-position: -360px bottom; }


#content {
	margin-top: 60px;
}


#notify {
	float: left;
	display:inline;
	display: none;
	padding: 3px;
	padding-left: 15px;
	margin-top: 1px;
	background: #FFFFFF url(../images/square.gif) no-repeat left center;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	color: #6A973E;
}


/* Links
----------------------------------- */
a:link { background-color: transparent; text-decoration: none; }
a:visited { background-color: transparent; text-decoration: none; }
a:hover { border-bottom: 1px dotted #8DBA8D; text-decoration: none; }
a:active { background-color: transparent; text-decoration: none; }
a.img:hover { border-bottom: none; }


/* Forms
----------------------------------- */

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D4D4D4;
	background-color: #FFF;
	color: #333333;
	border-color: #B9B9B9;
	margin: 2px 0;
	padding: 3px 5px;
}

input,textarea {
	margin/**/: 1px 0;
}

.inputSelected {
	color: #000000;
	border-color: #666666;
	background-color: #FFFFAA;
}

.inputUnSelected {
	color: #333333;
	border-color: #B9B9B9;
}

.inputWaiting {
	color: #555555;
	border-color: #555555;
}

.inputDisabled {
	background-color: #EFEFEF;
}