/*********************
 * reset css
 *********************/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table { width: auto; table-layout: fixed; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

select:focus {
	outline: dashed 1px #779;
}

select {
	margin-top: 0.75em;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none; color: #339;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type=text],
input[type=password],
input.text,
input.password,
textarea {
	border: 1px solid #ccc !important;
	border-bottom: 1px solid #aaa !important;
	background: white;
	cursor: text !important;
}

input.placeholder,
textarea.placeholder {
	color: #999;
	font-style: italic;
}


.panel, .pie_overlay { background: #EDEFF7 !important; }

.panel input.text, .pie_overlay input.text,
.panel input.password, .pie_overlay input.password,
.panel textarea, .pie_overlay textarea,
.panel select, .pie_overlay select {
	border: 1px solid #ccc !important;
	border-bottom: 1px solid #aaa !important;
	background-color: #fff;
}




/*********************
 * our styles
 *********************/

* { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }
/* #dashboard, .controls { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif !important; } */
h1 { font-size: 24px; margin: 10px 0px 10px 0px; }
h2 { font-size: 20px; margin: 10px 0px 10px 0px; }
h3 { font-size: 18px; margin: 10px 0px 10px 0px; }
p { margin: 10px 0px 10px 0px; }
ul { margin: 10px 0px 10px 0px; padding-left: 20px; list-style-type: square; }
li { list-style-type: square; }
a { text-decoration: none; color: #5f8ae0; cursor: pointer !important; }
td { vertical-align: top; }
a:focus { color: #5f8ae0; text-decoration: underline; } 
a:hover { text-decoration: underline; color: #5f8ae0; cursor: pointer !important; }
img { vertical-align: middle; }

html, body { background: #eee url(http://oregonstate.edu/ua/sites/default/files/brandbook/IMC_Background.jpg); background: #e6e6e6; /* background: #aab; */ }
body { text-align: center; /* background-image: url('../img/shadow.png'); background-position: center top; background-repeat: repeat-y; */ }
#page { position: relative; text-align: left; width: 100%; max-width: 840px; margin: auto; top: 70px; }
#footer { position: fixed; width: 840px; bottom: 0px; text-align: left; padding: 10px; border-top: dotted 0px #99c; background: #eee; font-size: 12px; opacity: 0.5; display: none; }
#footer .acknowledgments {  }
#footer .built-with { float: right; }

#dashboard { position: relative; margin: auto; text-align: left; cursor: default; width: 840px; height: 40px; overflow: visible; }
#dashboard h1 { color: #5f8ae0; margin: 0px; font-weight: bold; font-family: tahoma; }
#dashboard .logo { vertical-align: middle; width: 115px; height: 40px; }
#dashboard .gradient_sep { vertical-align: middle; height: 40px; }
#dashboard .tagline { font-weight: normal; font-size: 18px; color: #eee; }
#dashboard a { color: #fff; }

#dashboard_slot { padding: 0px; position: fixed; z-index: 1000; overflow: visible; text-align: center; width: 100%; top: 0px; left: 0px; height: 40px; cursor: default; background: #3f4451; background: #3b3b3b; }
#dashboard_slot { box-shadow: 0 0 3px #557; -moz-box-shadow: 0 0 3px #557; -webkit-box-shadow: 0 0 3px #557; }
#content_slot { clear: both; padding: 0px 0px 0px 0px; border: 0px; font-size: 14px; line-height: 20px; overflow-x: hidden; }
#errors_slot { clear: both; padding: 10px; background: #FBE3E4; border-color: #FBC2C4; color: #8A1F11; }
#notices_slot { position: relative; top: 40px; margin: auto; padding: 0px 0px 5px 0px; max-height: 100px; overflow: hidden; }
#sidebar_slot { position: absolute; right: 0px; top: 40px; background: #EDEFF7; border-left: solid 1px #aaa; display: none; }

#content { width: 810px; }
#sidebar { padding: 5px; }
#notices { margin: auto; }

#dashboard { color: black; }
#dashboard .gradient_sep { display: none; }
#dashboard_login { position: absolute; display: block; top: 5px; right: 20px; padding: 8px 10px 8px 10px; font-weight: bold; color: #fff; }
#dashboard_toolbar { position: absolute; display: block; top: 5px; left: 130px; font-weight: bold; }
#dashboard_toolbar span.tagline { line-height: 30px; font-size: 15px; display: block; width: 600px; text-align: center; }
#dashboard_toolbar table { width: 100%; } 
#dashboard_toolbar td { width: 150px; padding: 5px; vertical-align: middle; line-height: 20px; }
#dashboard_toolbar td { color: #eee; font-size: 12px; text-align: center; font-weight: bold; }
#dashboard_toolbar td img { width: 20px; height: 20px; }
#dashboard_toolbar td.pie_selectable:hover { color: black; }

#dashboard_user_status { position: absolute; display: block; top: 5px; right: 0px; min-width: 150px; max-width: 250px; overflow: visible; text-overflow: ellipsis; padding: 5px; font-weight: bold; background: #3b3b3b; color: #eee; box-shadow: 0 0 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; }
#dashboard_user_status td { padding: 0px; margin: 0px; }
#dashboard_user_status td.user_icon { width: 25px; }
#dashboard_user_status td.user_icon img { width: 20px; height: 20px; }
#dashboard_user_status td.user_status { padding-bottom: 2px; width: 100px; overflow: hidden; }
#dashboard_user_status div.user_logout { padding: 2px; text-align: center; font-size: 12px; }
#dashboard_user_table {  }

#dashboard_user_menu { display: none; z-index: 11000; position: absolute; right: 0px; top: 40px; background: #3b3b3b; min-width: 100px; color: white; font-size: 14px;  box-shadow: 0 0 5px #3b3b3b; -moz-box-shadow: 0 0 5px #3b3b3b; -webkit-box-shadow: 0 0 5px #3b3b3b; }
#dashboard_user_menu table { width: 100%; }
#dashboard_user_menu td.menu_item_caption { padding: 10px; font-weight: bold; }
#dashboard_user_menu td.menu_item_icon { width: 26px; padding: 10px 0px 10px 10px; font-weight: bold; }

#notices_slot div.container { overflow: none; overflow-y: auto; }
#notices_slot ul { list-style-type: none; padding: 0px; margin: auto; width: 700px; border: solid 1px #555; border-top: solid 1px #aaa; box-shadow: 0 0 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; }
#notices_slot li { list-style-type: none; padding: 0px; margin: 0px; text-align: center; background: #ffd4aa; border: 0px; border-bottom: solid 1px #aaa; line-height: 30px; min-height: 30px; }

#notices_slot ul.pie_errors * { background-color: #ebb; color: #500; }
#notices_slot ul.pie_errors li { text-align: left; padding: 0px 10px 0px 10px; }

#notices_slot .field_name { float: right; font-size: 12px; }

#sidebar_slot { position: absolute; top: 10px; left: 0px; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 2px 2px 3px #777; -webkit-box-shadow: 2px 2px 3px #777; box-shadow: 2px 2px 3px #777; }
#content_slot { position: relative; overflow: visible; }
#content .social_pane { margin-bottom: 20px; position: absolute; width: 400px; top: 10px; left: 410px; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0px 0px 3px #777; -webkit-box-shadow: 0px 0px 3px #777; box-shadow: 0px 0px 3px #777; }
#content .info_pane { position: relative; width: 400px; top: 10px; left: 0px; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0px 0px 3px #777; -webkit-box-shadow: 0px 0px 3px #777; box-shadow: 0px 0px 3px #777; }
#content .wide_pane { margin-bottom: 20px; position: relative; width: 800px; top: 10px; left: 10px; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0px 0px 3px #777; -webkit-box-shadow: 0px 0px 3px #777; box-shadow: 0px 0px 3px #777; }
#content .admin_pane { position: relative; width: 600px; top: 10px; left: 0px; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0px 0px 3px #777; -webkit-box-shadow: 0px 0px 3px #777; box-shadow: 0px 0px 3px #777; }
#content .extra_pane { margin-bottom: 20px; position: absolute; width: 200px; top: 10px; left: 610px; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0px 0px 3px #777; -webkit-box-shadow: 0px 0px 3px #777; box-shadow: 0px 0px 3px #777; }

.notice { background: #FFD4AA; }

#content-grid td { padding: 10px; }

.pie_selectable:hover, .pie_clickable:hover,
.pie_selected, .pie_active { 
	cursor: pointer; background: #d3d3e5; 
}
.pie_clickable:active, .pie_clickable.pie_active {
	cursor: pointer; background: #d3d3ff;
}
.pie_selectable:hover *, .pie_clickable:hover *,
.pie_selectable:active *, .pie_clickable:active *,
.pie_selected *, .pie_selected * { 
	color: #224 !important; 
}
.pie_selectable:hover td, /* fix for IE7 */
.pie_clickable:hover td {
	background: #d3d3e5;
}
a.pie_clickable:hover,
.pie_selectable a:hover,
.pie_selected a:hover {
	text-decoration: none;
}

.accordion .title-bar { background: #c9d8f0; cursor: pointer; padding: 5px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.accordion .title-bar a { color: #000; text-decoration: none; }
.accordion .title-bar a:hover { color: #5f8ae0; text-decoration: none; }
.accordion .section-body { padding: 0px 5px 0px 5px; }

p.emphasis { font-size: 18px; }
.quote { padding: 10px; text-align: center; background: #eee; font-family: cursive; }

.zoomable { -moz-box-shadow: 2px 2px 3px #555; -webkit-box-shadow: 2px 2px 3px #555; box-shadow: 2px 2px 3px #555; }
.zoomer { border: solid 1px #aaa; cursor: crosshair; }

.entry { font-weight: bold; }

.footnote { font-size: 10px; }

.fm_notifyMe_tool form { padding: 10px; background: #ccc; }

input[type=text],
input[type=password],
input.text,
input.password { 
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
	-moz-border-radius:3px; -webkit-border-radius:3px;
	padding: 4px;
}

.pie_big_message {
	padding: 30px 30px 50px 30px !important;
	font-size: 20px; font-weight: bold; text-align: center;
}
.pie_big_message>div {
	padding-top: 20px;
}
.pie_big_message>.pie_explanation {
	font-size: 18px; font-weight: normal;
}

.pie_big_prompt input[type=text],
.pie_big_prompt input[type=password],
.pie_big_prompt input.text,
.pie_big_prompt input.password {
	font-size: 18px !important; 
	-moz-border-radius:3px; -webkit-border-radius:3px;
	width: 100%;
}

.pie_big_prompt select { font-size: 18px !important;  -moz-border-radius:3px; -webkit-border-radius:3px; }
.pie_big_prompt .pie_field_title { vertical-align: middle; text-align: right; padding-right: 10px; }

.pie_big_prompt select {
	vertical-align: middle;
}

.pie_overlay input[type=text],
.pie_overlay input[type=password],
.pie_overlay select,
.pie_overlay input.text,
.pie_overlay input.password {
	font-size: 100%; 
	-moz-border-radius:3px; -webkit-border-radius:3px;
}

.pie_overlay { padding: 10px; }
.pie_overlay label,
.pie_overlay input,
.pie_overlay button,
.pie_overlay .button { font-size: 18px; } 
.pie_overlay button,
.pie_overlay .button { padding: 2px 10px 2px 10px; }

.features { padding: 10px; }
.features img { vertical-align: middle; padding-right: 10px; }

td.image, td.title { vertical-align: middle; }
.features td.image { width: 32px; }

.slogan h2 { padding-left: 10px; font-size: 24px; }

.interests { background: white; }
.activities { background: white; }
.engage_the_visitor { background: #EBF0FB; }
.pie_big_prompt { padding: 10px; }
.pie_big_prompt label,
.pie_big_prompt input,
.pie_big_prompt button,
.pie_big_prompt .button { font-size: 18px; } 
.pie_big_prompt button,
.pie_big_prompt .button { padding: 2px 10px 2px 10px; }

.stream .user_icon { width: 52px; }
.stream .user_icon img { width: 40px; }
.stream .details { font-family: "Comic Sans MS"; color: #445; }

.page_title { border-bottom: solid 1px #999; margin: 0px; padding: 10px; color: #608ce3; background: #EDEFF7; font-weight: bold; cursor: default; }
.page_location { position: absolute; right: 0px; top: 0px; font-weight: bold; }
.fm_location_scroller { font-weight: bold; }

.pie_scroller { background: #EDEFF7; border: dotted 1px #b9c8e0; display: none; cursor: pointer; box-shadow: 0 0 5px #555; -moz-box-shadow: 0 0 5px #555; -webkit-box-shadow: 0 0 5px #555; }
.pie_scroller .selected { background: #EDEFF7; }


.fm_badge { background: #F8FAFD; color: #507cd3; font-weight: bold; border: dashed 1px #aac; cursor: pointer; }

/* the overlayed element */
.pie_overlay {
	background-color: #EDEFF7 !important;
	display:none;
	width: 350px;
	text-align:left;
	padding: 0px;
	border: 4px solid #8687a4;
	border-color: rgba(32, 32, 52, 0.5);
	z-index: 20000;

	opacity: 1;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-box-shadow: 0 0 20px #99a;
	-webkit-box-shadow: 0 0 50px #99a;
}

.pie_dialog_title {
	background: #608ce3;
	padding: 10px;
	margin:0px;
	border-bottom: 1px solid #333;
	font-size: 20px;
	font-weight: bold;
	color: white;
	cursor: default;
}

/* close button positioned on upper right corner */
.pie_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.streams_basic_overlay {
	width: 500px;
}

.streams_basic_overlay td {
	vertical-align: middle;
}

.streams_basic_overlay .pie_field_title {
	width: 150px;
	text-align: right;
	padding-right: 10px;
}

h3 {
	text-align: center;
	color: #555;
}

.pie_end_prompt {
	padding: 5px;;
	font-size: 14px;
	color: #555;
}

#users_login_identifier { width: 250px !important; }
#users_setIdentifier_identifier { width: 310px !important; }
#users_login_noPassphrase { font-size: 14px; color: #a00; }
#users_login_identifierExists { font-size: 12px; color: #555; }
#users_login_explanation { font-size: 13px; color: #779; text-indent: 5px; }
#users_login_usingServices { padding: 10px; font-size: 13px; color: #779; text-indent: 5px; text-align: left; }
div.pie_buttons { text-align: center; !important; }

#users_form_passphrase { width: 300px; }

.streams_basic_overlay { font-size: 14px; }

button,
.button {
    border-width:1px;
    /* border-bottom: 0.2em solid #608ce3; */
    font-size:1em;
    padding: 1px 5px 1px 5px;
    color: #fff;
    line-height: 1.5;
    /* text-shadow: 0 0 0.1em #222; */
    cursor:pointer;
    background-color: #608ce3;

    -moz-border-radius: 0.3em; 
    -webkit-border-radius: 0.3em;

 	border-color: rgba(200,200,200,0.5);
 	border-bottom-color: rgba(0,0,200,0.2);
	border-right-color: rgba(0,0,200,0.2);
	
    -moz-box-shadow: 0 0.1em 0.2em rgba(50,50,50,0.5);
    -webkit-box-shadow: 0 0.1em 0.2em rgba(50,50,50,0.5);
}

button:disabled,
.button:disabled {
	cursor: default;
}

button:focus,
button:hover,
button.focus,
.button:focus,
.button:hover {
    -moz-box-shadow: 0 0.1em 0.3em rgba(40,40,80,0.8);
    -webkit-box-shadow: 0 0.1em 0.3em rgba(40,40,80,0.8);
}

button:active,
button.active,
.button:active {
    -moz-box-shadow: 0 0.0em 0.1em rgba(40,40,80,0.8);
    -webkit-box-shadow: 0 0.0em 0.1em rgba(40,40,80,0.8);
	background-color: #507cd3;
	border-bottom-color: rgba(0, 0, 250, 0.2);
	border-right-color: rgba(0, 0, 250, 0.2);
}

/*
button:hover,
button:focus {
    -moz-box-shadow: 0 0.1em 0.2em rgba(0,0,100,0.5);
    -webkit-box-shadow: 0 0.1em 0.2em rgba(0,0,100,0.5);
}
*/

/* simple css-based tooltip */
.tooltip {
	background-color: #555; /* #005; */
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:center;
	font-size:12px;
	z-index: 22000;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

.pie_errors {
	color: #a00;
}

.pie_error_message {
	z-index: 21000;
	font-size: 12px;
	background-color: #a00;
	color: white;
	padding: 2px 5px 4px 5px;
	opacity: 0.8;
}

#users_login_username {
	width: 200px;
}

.users_login_get_started {
	text-align: center;
}

.user_input {
	font-family: "Comic Sans MS";
}

img.access { width: 32; height: 32, cursor: pointer; }
img.access:hover { outline: dotted 1px #aac; cursor: pointer; }



.streams_access_tool { width: 16px; height: 16px; display: inline; }
.streams_access_scroller { display: none; font-size: 14px; }
.streams_access_scroller td { padding: 10px 5px; text-align: left; }
.pie_scroller .pie_details { font-size: 12px; display: block; color: #777; }
.pie_scroller { z-index: 20000; }


button.basic16 { background-color: #eee; color: black; }
button.basic16:active { background-color: #ccc; color: black; }

#notices_slot button { background: none; color: inherit; }

#dialog { width: 500px; }
/* #dialog .dialog_slot { max-height: 300px; overflow: auto; } */

.streams_access_controls { padding: 10px; }
.streams_access_user_array,
.streams_access_label_array { font-size: 12px; }

.fm_sections .pie_tabs_tab { float: left; clear: left; width: 350px; margin: 0px 10px 0px 10px; border: solid 1px #eee; }
.fm_sections .pie_tabs_tab:first-child { border: solid 1px #eee; }

.fm_section h2 { background: #f7f7f7; border-bottom: solid 2px #eee; margin: 0px; padding: 10px; }
.fm_section { padding: 10px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 2px 2px 3px #777; }