/*
Author: AMC
Copyright Yellow Truck 2009
*/
body{ padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; }
form{ padding: 0px; margin: 0px; }

a{ color: black; }


#header{ height: 8em; clear: both; background-color: #3B5998; color: white; }
#header a{ color: white; text-decoration: none; }
#logo{ position: absolute; }

#strapline{ padding-top: 1em; width: 30em; height: 5em; margin-left: auto; margin-right: auto; text-align: center; }
#strapline p{ margin: 0 0 1em 0; padding: 0; }
#strapline .header{ font-size: 2em; margin-bottom: 0.25em; }

#links{ float: right; margin-top: 1em; margin-right: 1em;  }

#tabs{ width: 700px; text-align: center; margin-left: auto; margin-right: auto; }
#tabs{ top: 4.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em;}
ul#top_links{ list-style-type: none; margin: 0px; padding:0px;}
#tabs a{ margin-left: 0.5em; margin-right: 0.5em; }


#navigation_main{ height: 2em; clear: both; background-color: #DEDEDE; color: white; }
ul#navigation_links{ list-style-type: none; margin: 0px; padding:0px; }
ul#navigation_links li{ float:left; list-style-type: none; padding:0px 1px 0px 1px; }

#middle{ width: 100%; }
#middle table{ width: 99.5%; }
#left{ width: 200px; vertical-align: top; }
#center{ vertical-align:text-top; }

.menu{}
.menu_header{}
.menu_content ul{ list-style-type: none; margin: 0px; padding:0px; }
.menu_footer{}

.ideas-table{ width: 90%;}
.ideas-table thead{ font-weight: bold; }
.ideas-table thead td{ }
.ideas-table a{ display: block; width: 100%; padding: 0.3em; }
.ideas-table .idea{ width: 65%; }
.ideas-table .posted{ width: 30%; }
.ideas-table .views{ width: 5%; }
.ideas-table tbody td{ margin: 0; padding: 0; }
.ideas-table tbody tr:hover{ background-color: #EEEEEE; }

#ideas-table-byviews{ width: 30%;}
#ideas-table-byviews thead{ font-weight: bold; }
#ideas-table-byviews thead td{ }
#ideas-table-byviews a{ display: block; width: 100%; padding: 0.3em; }
#ideas-table-byviews.idea{ width: 75%; }
#ideas-table-byviews .posted{ width: 20%; }
#ideas-table-byviews .views{ width: 5%; }
#ideas-table-byviews tbody td{ margin: 0; padding: 0; }
#ideas-table-byviews tbody tr:hover{ background-color: #EEEEEE; }

ul.icons {margin: 0; padding: 0; float: right; }
ul.icons li {padding: 2px; margin: 1px; position: relative; cursor: pointer; float: left;  list-style: none;}
ul.icons span.ui-icon {float: left; margin: 0px;}
ul.icons a{ display: block; padding: 0; }

.page_navigation{}
.page_navigation td{ padding: 0px; }
.page_navigation table{ width: 100%; empty-cells: show; }
.page_previous{ width: 25%; text-align: left; }
.page_previous ul{ float: left; }
.page_next{ width: 25%; text-align: right; }
.page_next ul{ float: right; }
.pages{ text-align: center; }
.pages a{ text-decoration: none; padding: 0 0.5em; display: inline; }
.page_selected{ font-weight: bold; }

.page_previous ul.icons{ float: left; }

.back{ float: left; padding-left: 0.5em; padding-top: 5px; }

td.button div{ width: 25em; margin-left: 25%; margin-right: auto; }
.buttons{ float: left; display: block; min-width: 10em; height: 1.75em; padding-top: 0.75em; margin: 0 2em 0 0; text-align: center; text-decoration: none; }
input.buttons{ padding-top: 0em; height: 2.75em; }

#contact{ width: 80%; float: left; }
#address{ width: 20%; float: left; }
#contact table{ width: 80%; }
#contact input.contact, #contact  textarea{ width: 90%; }

.address{ margin-bottom: 1em; }
.text{ float: left; width: 4em;clear: both; margin-bottom: 0.5em; font-weight: bold; }
.number{ float: left; }


#footer{ height: 4em; background-color: #132631; padding: 2em; color: white; }
#footer a{ color: white; text-decoration: none; }
#footer_links{ float: right; text-align: right; }
#copyright{ color: white; }
#web-design{ margin-top: 0.5em; width: 20em;  margin-left: auto; margin-right: auto; }


/* JQuery UI */
.ui-state-error{ padding: 0 0.7em;  margin: 0.2em; }
.ui-state-highlight{ padding: 0 .7em; margin: 0.2em; }
input.ui-state-error{ padding: 0; margin: 0; }
/* End of JQuery UI */