@import "grid/reset.css";
@import "grid/typography.css";
@import "grid/grid.css";
@import "grid/forms.css";
@import "grid/ie.css";
@import "competition.css";

body {
    margin-top: 0px;
    background: #F0F0F0 url(/images/background_image.png) repeat-x; /* Original color was #5f5f5f*/
    color: #333333;
    z-index: 0;
}

h1, h2, h3, h4, h5 {
    color: #333333;
    font-weight: bold;
}

a {
    text-decoration: none;
    font-size: 1.0em;
    color: rgb(27, 117, 156);
}

a:hover {
    text-decoration: underline;
}

textarea {
    width: 200px;
    height: 100px;
}

textarea.large {
    width: 400px;
    height: 150px;
}

input {
    margin: 0px 0px 2px;
}

select {
    width: auto;
}

img {
    margin: 0px 0px 2px;
}

table.menu_table {
	border: 1px solid #EEEEEE;
	width: 100%; 
	border-collapse: collapse;
}

td.menu_table_header, th.menu_table_header{
	border-bottom: 1px solid #EEEEEE;
	text-align: center;
}

td.row_header, th.row_header {
    background-color: #FFFFFF;
    background-image: url(/images/navigator_fade_blue.png);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    vertical-align: top;
}

td.row_1 {
    background-color: white;
    text-align: center;
    vertical-align: top;
}

td.row_2 {
    background-color: #FFFFFF;
    background-image: url(/images/menu_fade.png);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    vertical-align: top;
}

th.row_1 {
    text-align: center;
    vertical-align: top;
}

th.row_2 {
    background-color: #FFFFFF;
    background-image: url(/images/menu_fade.png);
    background-repeat: repeat-x;
    background-position: top left;
    text-align: center;
    vertical-align: top;
}

.negative {
    background-image: url(/images/icons/negative.png);
    background-repeat: repeat-x;
    font-weight: bold;
    color: black;
}

.positive {
    background-image: url(/images/icons/positive.png);
    background-repeat: repeat-x;
    font-weight: bold;
    color: black;
}

.neutral {
    background-image: url(/images/icons/neutral.png);
    background-repeat: repeat-x;
    font-weight: bold;
    color: black;
}

#header {
    background: black repeat-x scroll 0 52px !important;
    background-color: black;
    clear: both;
    height: 1%;
    padding-top: 0px;
    min-height: 73px;
}

.header_wrapper {
    clear: both;
    width: 986px;
    margin: 0 auto;
}

.header_wrapper_narrow {
    clear: both;
    width: 720px;
    margin: 0 auto;
}

.header .linkHome {
    float: left;
}

.header .searchBar {
    float: right;
}

.container {
    width: 986px;
}

.container_narrow {
  width: 720px;
  margin: 0 auto;
}

.logo {
	width: inherit;
}

.content {
    clear: both;
    padding-top: 18px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
    background-color: white;
    width: 950px;
    min-height: 600px;
    z-index: 0;
  	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px;
  	-webkit-border-top-right-radius: 8px;
  	-webkit-border-bottom-left-radius: 8px;
  	-webkit-border-bottom-right-radius: 8px;
}

.content_narrow {
    clear: both;
    padding-top: 18px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 18px;
    background-color: white;
    width: 720px;
    min-height: 600px;
    z-index: 0;
}

.footer {
    background-color: white;
    padding-top: 9px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 9px;
}

#top_menu_bar {
    background: #454545 repeat-x scroll 0 52px !important;
    clear: both;
    padding-top: 10px;
    min-height: 36px;
}

.top_menu_bar_wrapper {
    clear: both;
    width: 986px;
    margin: 0 auto;
}

.top_menu_bar_wrapper_narrow {
    clear: both;
    width: 720px;
    margin: 0 auto;
}

.top_menu {
    clear: both;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0pt;
    position: relative;
    z-index: 11;
    height: auto;
}

.top_menu ul {
    float: left;
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding-top: 0px;
    padding-bottom: 0px;
}

.top_menu li {
    width: auto;
    float: left;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0pt 0pt 0pt 0pt;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    z-index: 21;
}

.top_menu div {
    padding-top: 3px;
    padding-bottom: 12px;
    margin: 0pt 0pt 0pt 0pt;
}

.with_arrow {
    padding-top: 0px;
    padding-bottom: 0px;
}


.top_menu a {
    padding-top: 6px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0pt 0pt 0pt 0pt;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    float: none;
    white-space: nowrap;
    background: #454545 scroll 0px center;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius: 8px 8px 0px 0px;
  	-webkit-border-top-right-radius: 8px;
  	border-radius: 8px 8px 0px 0px;
}

.top_menu a:hover, .top_menu a.top_menu_link_selected {
	padding-bottom: 15px;
    background: #FFFFFF scroll 0px center;
    color: black;
}

div.dropdown_menu {
    background: white none repeat scroll 0%;
    margin: 0px;
    position: absolute;
    z-index: 20;
    display: block;
    float: none;
    padding-bottom: 0px;
    padding-top: 1px;
}

.dropdown_menu ul {
    background: white none repeat scroll 0%;
    border: 1px solid black;
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    position: relative;
    display: block;
    float: none;
    z-index: 21;
    text-align: left;
}

.dropdown_menu li {
    cursor: pointer;
    font-weight: normal;
    display: block;
    float: none;
    padding: 4px 4px 4px 4px;
    white-space: nowrap;
    cursor: pointer;
    font-weight: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    position: relative;
    z-index: 22;
    line-height: 1em;
}

.dropdown_menu li.menu_divider {
    border-bottom: 1px solid #EEEEEE;
    cursor: default;
    font-size: 1px;
    line-height: 1px;
    margin: 4px 10px;
    z-index: 22;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
}

.dropdown_menu li.selected a {
    font-weight: bold;
	padding-bottom: 0px;
}

.dropdown_menu a {
    border-left: 1px solid white;
    border-right: 1px solid white;
    color: black;
    display: block;
    background: #ffffff none repeat scroll 0%;
    padding: 4px 25px 4px 10px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    line-height: 1em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-weight: normal;
    font-size: 11px;
    font-size: 11px;
    text-align: left;
    float: none;
    position: relative;
    z-index: 23;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius: 0px 0px 0px 0px;
  	-webkit-border-top-right-radius: 8px;
  	border-radius: 0px 0px 0px 0px;
}

.dropdown_menu a:hover, .dropdown_menu a:active {
    background: green none repeat scroll 0%;
    border-left: 1px solid green;
    border-right: 1px solid green;
    color: white;
    text-decoration: none;
	padding: 4px 25px 4px 10px;
}

.side_menu li.menu_divider {
    border-bottom: 1px solid #EEEEEE;
    cursor: default;
    font-size: 1px;
    line-height: 1px;
    margin: 4px 10px;
    z-index: 22;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
}

.side_menu ul {
    background-image: url(/images/navigator_fade_orange.png);
	border: 1px solid #F78F1E;
}

.info_box ul {
	background-image: url(/images/menu_fade.png);
	border: 1px solid #D8D8D8;
}

.info_box ul, .side_menu ul {
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: top left;
  	-webkit-border-top-left-radius: 8px;
	-moz-border-radius: 8px 8px 8px 8px;
  	-webkit-border-top-right-radius: 8px;
  	-webkit-border-bottom-left-radius: 8px;
  	-webkit-border-bottom-right-radius: 8px;
  	border-radius: 8px 8px 8px 8px;

    /*background-color: #d7d8a2;*/
    vertical-align: baseline;
    height: auto;
    padding-bottom: 5px;
    
    margin-left: 0px;
    margin-right: 0px;
}

.info_box li, .side_menu li {
    text-align: left;
    list-style-type: none;
    list-style-position: outside;
    float: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 0.5em;
    color: black;
    font-size: 1.0em;
}

.info_box_wide ul{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.info_box_wide li{
	padding-left: 5px;
	display: inline; 
	list-style-type: none;
}

.info_box_wide li.header-element{
	padding-left: 0px;
	display: list-item; 
	list-style-type: none;
}

.info_box li.header-element, .side_menu li.header-element {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.info_box a, .side_menu a {
    color: #15317E;
}

.page_list ul {
    vertical-align: baseline;
    height: auto;
    padding-bottom: 5px;
}

.page_list li {
    text-align: left;
    list-style-type: none;
    list-style-position: outside;
    float: none;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 5px;
}

.page_list li.header-element {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 0.25em;
}

.main_page_tabs {
    display: block;
    display: inline;
    float: left;
    position: relative;
    text-align: right;
    z-index: 100;
}

.main_page_tabs div {
    z-index: 100;
    background-color: white;
}

.main_page_tabs ul {
    padding-left: 0px;
    padding-top: 0em;
    width: 100%;
    margin: 0px;
    z-index: 100;
}

.main_page_tabs li {
    color: black;
    cursor: default;
    font-size: 1.5em;
    list-style-type: none;
    margin-bottom: 5px;
    padding: 20px;
    z-index: 100;
    background-color: white;
}

.main_page_tabs a {
    color: #747170;
}

li.tab_selected {
    background-color: #FFFFFF;
    background-image: url(/images/tab_gradient.png);
    background-repeat: repeat-y;
    background-position: top right;
}

li.tab_non_selected {
    background-color: white;
}

.tab_selected a {
    font-weight: bold;
    color: white;
}

.tab_non_selected a {
    font-weight: normal;
}

img.image_style {
    border: 1px solid #747170;
    margin: 0px;
}

.main_page_tabs a {
    text-decoration: none;
    z-index: 100;
}

.main_page_content_area {
    display: inline;
    float: left;
    line-height: 1.4em;
    height: 560px;
    border: 1px solid #87b8d9;
    background-color: #87b8d9;
}

.main_page_content_area h1, .main_page_content_area h2, .main_page_content_area h3, .main_page_content_area h4, .main_page_content_area h5, .main_page_content_area p, .main_page_content_area td, .main_page_content_area a {
    color: white;
}

.button {
    border: 1px solid black;
    background: green;
    color: white;
}

.button:hover {
    border: 1px solid black;
    background: #87F717;
    color: black;
}

.highlight-text {
    color: black;
}

table.comment-table {
    background-color: #F0F0F0;
    width: 520px;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
    vertical-align: top;
}

td.comment-table {
    padding: 4px;
    vertical-align: top;
}

div.facet-menu {
    background-color: #FAFAFA;
    vertical-align: baseline;
    height: auto;
    padding: 5px
}

a.facet-menu {
    font-size: 1.0em;
}

.facet-menu td {
    border-bottom: none;
}

.facet-menu th {
    border-bottom: none;
}

div.sand-box {
    background-color: #FFFFFF;
    background-image: url(/images/menu_fade.png);
    background-repeat: repeat-x;
    background-position: top left;
    vertical-align: baseline;
    height: auto;
    padding: 9px;
    border: 1px solid #D8D8D8;
    color: #333333;
}

.sand-box td, .sand-box th, .sand-box h3, .sand-box h4, .sand-box h5 {
    color: #333333;
}

.sand-box a {
    color: #15317E;
}

div.grass-box, li.grass-box, ul.grass-box {
    background-color: #81c348; /*#EEF3E2;*/
    color: white; /*#747170*/
    vertical-align: baseline;
    height: auto;
    padding: 9px
}

.grass-box h1, .grass-box h2, .grass-box h3, .grass-box h4, .grass-box h5, .grass-box p, .grass-box td, .grass-box a {
    color: white; /*#747170;*/
}

div.white-box, li.white-box {
    background-color: #FFFFFF;
    vertical-align: baseline;
    height: auto;
    padding: 9px;
    color: #333333;
}

div.water-box, li.water-box {
    background-color: #87b8d9; /*#CCEAFF;*/
    vertical-align: baseline;
    height: auto;
    padding: 9px;
    color: #333333;
}

.water-box h1, .water-box h2, .water-box h3, .water-box h4, .water-box h5, .water-box p, .water-box td, .water-box a {
    color: white; /*#747170;*/
}

div.navigation-box {
    /*background-color: #FFFFFF;
    background-image: url(/images/navigator_fade_grey_blue.png);
	border: 1px solid #789A9F;
	background-repeat: repeat-x;
    background-position: top left;*/
	/*background-color: #E5F3FD;
    background-image: url(/images/front_page_box_fade_blue.png);
	border: 1px solid #789A9F;
	background-repeat: repeat-x;
    background-position: bottom left;*/
	background-color: #FFFFFF;
	background-image: url(/images/menu_fade.png);
	background-repeat: repeat-x;
    background-position: top left;
	border: 1px solid #D8D8D8;
    vertical-align: baseline;
	-moz-border-radius: 8px 8px 8px 8px;
  	-webkit-border-top-left-radius: 8px;
  	-webkit-border-top-right-radius: 8px;
  	-webkit-border-bottom-left-radius: 8px;
  	-webkit-border-bottom-right-radius: 8px;
  	border-radius: 8px 8px 8px 8px;
    height: auto;
    padding: 10px;
}

.navigation-box a, .navigation-box h4, .navigation-box h5{
	/*color: #FFFFFF;*/
	font-weight: bold;
}

.navigation h3{
	color: #43609C;
}


div.front-page-box {
    background-color: #E5F3FD;
    background-image: url(/images/front_page_box_fade_blue.png);
	border: 1px solid #789A9F;
	background-repeat: repeat-x;
    background-position: bottom left;
    vertical-align: baseline;
	-moz-border-radius: 8px 8px 8px 8px;
  	-webkit-border-top-left-radius: 8px;
  	-webkit-border-top-right-radius: 8px;
  	-webkit-border-bottom-left-radius: 8px;
  	-webkit-border-bottom-right-radius: 8px;
  	border-radius: 8px 8px 8px 8px;
    height: auto;
    padding: 10px;
}

div.content-box {
    background-color: #FFFFFF;
	background-image: url(/images/menu_fade.png);
	background-repeat: repeat-x;
    background-position: top left;
	border: 1px solid #D8D8D8;
	background-repeat: repeat-x;
    background-position: top left;
    vertical-align: baseline;
	-moz-border-radius: 8px 8px 8px 8px;
  	-webkit-border-top-left-radius: 8px;
  	-webkit-border-top-right-radius: 8px;
  	-webkit-border-bottom-left-radius: 8px;
  	-webkit-border-bottom-right-radius: 8px;
  	border-radius: 8px 8px 8px 8px;
    height: auto;
    padding: 10px;
}

.navigation-box img {
    margin: 0;
    padding: 0;
}

div.profile_summary_content {
    min-height: 162px;
}

.tabbed_menu {
    clear: both;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0pt 0pt 0pt 0pt;
    position: relative;
    height: auto;
}

.tabbed_menu_entry, .tabbed_menu_entry a, .tabbed_menu_entry td, .tabbed_menu_entry th {
    color: #333333;
}

.tabbed_menu ul {
    float: left;
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt 0pt 0pt 0pt;
    padding-top: 0px;
    padding-bottom: 0px;
}

.tabbed_menu li {
    margin-right: 4px;
    width: 6.8em;
    float: left;
    display: block;
    text-align: center;
	border: 1px solid #747170;
}

.tabbed_menu div {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #ffffff none repeat scroll 0%;
}

.tabbed_menu div.tabbed_menu_selected a {
    font-weight: bold;
    color: #000000;
}

div.tabbed_menu_entry {
    background-color: #ffffff;
    padding: 5px;
    width: inherit;
    border: 1px solid #747170;
    min-height: 300px;
}

.tabbed_menu_entry li {
    border-bottom: thin solid #ffffff;
}

.tabbed_menu_entry table tr td, table tr th {
    padding: 2px;
}

.tabbed_menu_entry table {
    margin: 10px;
}

.tabbed_menu li a {
    padding: 2px 0pt 5px;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    float: none;
    white-space: nowrap;
    background: #ffffff none repeat scroll 0%;
    color: #333333;
}

.tabbed_menu a:hover {
    font-weight: bold;
    color: #000000;
}

div.select-area {
    background-color: #F2F2E1;
    border: thin;
    border-color: #9C9C9C;
    padding-top: 9px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
}

div.select-area:hover {
    border: 1px solid black;
}

.select-area h3 {
    color: green;
}

.select-area a:hover {
    text-decoration: none;
}

.input_choice_large h4 {
    color: green;
}

div.autocomplete {
    position: absolute;
    width: 250px;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 32px;
    cursor: pointer;
}

a.link-popup {
    position: relative; /*this is the key*/
    z-index: 2;
    background-color: #eee;
    color: #000;
    text-decoration: none
}

a.link-popup:hover {
    z-index: 2;
    background-color: #ffa
}

a.link-popup span {
    display: none
}

a.link-popup:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;
    border: 1px solid #0cf;
    padding: 1em;
    background-color: #cef;
    color: #000;
    text-align: left
}

a.image-popup {
    position: relative; /*this is the key*/
    z-index: 2;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.image-popup:hover {
    z-index: 2;
    background-color: #fff
}

a.image-popup span {
    display: none
}

a.image-popup:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 0px;
    top: -14em;
    left: 2em;
    width: 15em;
    border: 1px solid #0cf;
    padding: 1em;
    background-color: #cef;
    color: #000;
    text-align: left
}

.rounded-decorator{
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.icon_selected{
	border: 1px solid #43609C;
}


.shadowed-decorator-light {
  	-moz-box-shadow: 0 0 1em #FFFFFF;
	-webkit-box-shadow: 0 0 1em #FFFFFF;
	box-shadow: 0 0 1em #FFFFFF;
}


.shadowed-decorator {
  	-moz-box-shadow: 0 0 1em #D8D8D8;
	-webkit-box-shadow: 0 0 1em #D8D8D8;
	box-shadow: 0 0 1em #D8D8D8;
}


.thumbnail {
    position: relative;
    z-index: 0;
}

.thumbnail:hover {
    background-color: transparent;
    z-index: 2;
}

.thumbnail span { /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -250px;
    left: -400px; /*position where enlarged image should offset horizontally */
}

.fieldWithErrors input {
    color: #D12F19;
    background: #FBE3E4;
    border: 1px solid #FBC2C4
}

.fieldWithErrors textarea {
    color: #D12F19;
    background: #FBE3E4;
    border: 1px solid #FBC2C4
}

div.fieldWithErrors {
    margin: 0px;
    padding: 0px;
}

.error_message {
    color: #D12F19
}

.error_message h5 {
    color: #D12F19
}

/* for prototype window */
.myButtonClass {
    border: 1px solid black;
    background: green;
    color: white;
}

.myButtonClass:hover {
    border: 1px solid black;
    color: black;
}

.ok_button {
    background: green;
}

.ok_button:hover {
    background: #87F717;
}

.cancel_button {
    background: red;
}

.cancel_button:hover {
    background: salmon;
}

.overlay_alphacube {
    z-index: 10
}

.progress_indicator {
    float: left;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 40px;
    background: transparent url('window/alert/ajax-loader.gif') no-repeat center center
}

ul.list_no_indent {
    background-color: #FFFFFF;
    background-image: none;
    background-position: left top;
    background-repeat: repeat-x;
    border: none;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-top: 0px;
    padding-bottom: 0px;
    vertical-align: baseline;
}

li.activity_no_indent {
    cursor: pointer;
    font-weight: bold;
    display: block;
    float: none;
    padding: 10px 4px 4px 4px;
    white-space: normal;
    cursor: pointer;
    font-weight: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    position: relative;
    z-index: 22;
    line-height: 1.2em;
}

li.activity_no_marker {
    cursor: pointer;
    font-weight: normal;
    display: block;
    float: none;
    padding: 4px 4px 4px 30px;
    white-space: normal;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.3em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    position: relative;
    z-index: 22;
}

div.auto_complete {
    z-index: 21;
}

div.auto_complete ul {
    position: relative;
    z-index: 22;
}

div.auto_complete ul li {
    color: black;
}

#twitter_update_list {
    list-style-image: url(/images/icons/comment.png)
}