/* @override http://127.0.0.1:8000/site_media/css/veezyon.css */

html, body { height:100%; width:100%; margin:0; }
body {
    color:#666; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size: 14px;
}

/********************************/
/* YUI Global Overrides 		*/
/********************************/
th { border: none; }
td { border:0; padding:0; }
table { margin-bottom:0; }

/********************************/
/*	DIV Structure				*/
/********************************/
#hd { height:115px; }
#bd { min-height:400px; height:auto !important; height:400px; background:#D0D8ED; padding:10px 0; }
#hd, #bd, #ft { min-width:800px; width:100%; float:left; }

.center { width:966px; margin:0 auto;}

#video-player { width:370px; float:left; }
#toolbox { width:587px; margin-left:9px; float:left; }

/********************************/
/*	Global Modified HTML Tags	*/
/********************************/
a, a:visited, .link { color:#140A8C; text-decoration:none; }
a:hover { text-decoration:underline; }
li a { font-size:116%; }
img { border:0; }
h1, h2 { font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; color:#444444; }
h1 { font-size:153.9%; margin:0 0 10px 0; font-weight:normal; }
h2 { font-size:108%; margin:0; }
h3 { font-size:85%; font-weight:bold; margin:0 0 3px 0; }
p, li, td { font-size:85%;}
input[type="text"], input[type="password"], textarea { 
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:12px; 
}
p { margin-top:0px; line-height:1.4em; }
ul { list-style:none outside; padding:0px; margin: 0px 0px 15px; }
td.label { text-align:right; vertical-align:middle; }
form { margin:0px; padding:0px; }

input[type="text"], input[type="password"], textarea { padding:0; margin:0; border:solid 1px #C6C6C6; }
input[type="button"] { cursor:pointer; }

/********************************/
/*	Global Miscellaneous		*/
/********************************/
a.disabled { color:#999; text-decoration:none; cursor:default; }
.clear { clear:both; }
.clearboth { clear:both; }
.small { font-size:77%; }
.even-row { background-color:#F9F9F9; }

/* Buttons */
.btn_search { width:92px; height:23px; background:url(/site_media/img/btn_search.gif) 0 0 no-repeat; border:none; }
.btn_video_search { width:92px; height:23px; background:url(/site_media/img/btn_video_search.gif) 0 0 no-repeat; border:none; }
.btn_signup { width:70px; height:20px; background:url(/site_media/img/btn_signup.gif) 0 0 no-repeat; border:none; }
.btn_login { width:70px; height:20px; background:url(/site_media/img/btn_login.gif) bottom left no-repeat; border:none;}
.btn_share { width:70px; height:20px; background:url(/site_media/img/btn_share.gif) 0 0 no-repeat; border:none; }
.btn_save { width:70px; height:20px; background:url(/site_media/img/btn_save.gif) 0 0 no-repeat; border:none; }

.btn {
    background:url(/site_media/img/bg_button_bg_gradient.png) 0 0 repeat-x;
    border: 1px solid #a0a0a0;
    font-family: "verdana",helvetica,arial,sans-serif;
    font-weight: normal;
    font-size: 11px;
    padding: 0 2px;
    color: #909090;
}

/* Pagination */
.pagination { height:20px; font-size:123.1%; margin-top:20px; }
.pagination .wrapper { margin:0 auto; width:450px; }
.pagination .current { padding:2px; color:#FFF; background:#FA982B; }
.pagination a.page { padding:2px; text-decoration:none; }
.pagination a:hover.page { background:#D0D8ED; }
.pagination .pages { height:20px; padding-top:3px; margin:0 4px; float:left; }
.pagination .button { height:20px; width:80px; float:left; }

/********************************/
/*	Header Styles				*/
/********************************/
#hd .left { width:293px; }
#hd .middle { width:380px; text-align:center; }
#hd .right { width:293px; }
#hd .left, #hd .middle, #hd .right { height:115px; float:left; }

#hd .middle .top { padding:10px 0; font-size:77%; }
#hd .middle .top a { color:#999999; }
#hd .middle .top a:hover { color:#F7A739; text-decoration:none; }
#hd .middle .bottom { padding-top:5px; }
#hd .middle .bottom a { font-size:93%; }

#site_wide_announcements { background:yellow; padding:10px; }
#site_wide_announcements ul { padding:0; margin:0; }

#search-wrapper { width:375px; height:23px; padding:13px 0; background:url(/site_media/img/bg_search.gif) 0 0 no-repeat; text-align:center; }
#search-wrapper input[type="text"] { width:240px; font-size:9pt; padding:3px 5px;}
#search-wrapper .wrapper { height:23px; text-align:center; padding-left:15px; }
#search-wrapper .content { height:23px; float:left; margin:1px; }

/* Login */
.login {
    font-size: 85%;
    margin-top: 30px;
}

#authenticated_user_links {
    padding-top: 20px;
    padding-left: 10px;
}

#login_form {
    position: relative;
}

#login_form label, #login_form a {
    display: inline-block;
    min-height: 21px;
    line-height: 21px;
    vertical-align: bottom;
}

#login_form label {
    width: 6em;
    text-align: right;
}

#login_form input[type=text], #login_form input[type=password] {
    width: 8em;
    min-height: 18px;
    vertical-align: bottom;
    margin: 1px 4px 0px 0px;
}

#signup_link {
    margin-left: 6em;
/*    font-size: 90%;*/
    font-weight: bold;
}


/********************************/
/*	Footer Styles				*/
/********************************/
#ft { padding:25px 0 50px; color: #999; text-align:center; }
#ft a, #ft a.feedback { color:#999; }
#ft a.feedback { font-size:182%; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; }
#ft a:hover { color:#F7A739;  text-decoration:none; }
#ft ul { margin:10px 0; }
#ft .navlinks li { display:inline; margin:0 5px 0 0; padding:0; }
#ft .copyright { margin: 10px 0; }

/********************************/
/*	Body Styles					*/
/********************************/
#video-player .header, 
#toolbox li a.tab_friends, 
#toolbox li a.tab_inbox, 
#toolbox li a.tab_media, 
#toolbox li a.tab_workgroup, 
#toolbox li a.tab_notebook, 
#toolbox li a.tab_profile { font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-weight:bold; height:20px; padding-top:7px; color:#FFFFFF; text-align:center; }

.contentbox { min-height:400px; height:auto !important; height:400px; background:#FFFFFF url(/site_media/img/bg_content_box_btm.gif) 0 bottom no-repeat; padding-bottom:10px; }
.contentbox .padding { padding:0 15px 15px 15px; width:936px; }
.contentbox img.top_corners { position:relative; top:-4px; left:0; }
.contentbox ul { padding-left:20px;}



/********************************/
/*	Video Player Styles			*/
/********************************/
#video-player .header { width:370px; background:url(/site_media/img/bg_header_video_player.gif) 0 0 no-repeat; }
#video-player { background:url(/site_media/img/bg_video_player_btm.gif) 0 bottom no-repeat; padding-bottom:10px; width:370px; float:left; }

.featured .block { background:#FFFFFF; margin-top:2px; padding:10px 15px; display:inline; width:340px; }
.featured .channel { padding-bottom:10px; width:100%; }
.featured .channel a { font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:153.9%; color:#143BA7; }
.featured .thumb { width:100px; height:68px; }
.featured .title, 
.featured .description { width:240px; }
.featured .block, 
.featured .channel, 
.featured .thumb, 
.featured .title, 
.featured .description { float:left; }
.featured h2 { font-size:85%; font-weight:normal; line-height:1.2em; }
.featured h3 { line-height:1.2em; }

#video .content { background:#FFFFFF; padding:10px 10px 0 10px; float:left; }
#video .title { background:#B2B2B2; padding:10px; color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:116%; font-weight:bold; line-height:1.2em; border-bottom:2px solid #FFFFFF; }
#video .video_form { background:#D9D9D9; padding:10px; }
#video .video_form input[type="text"] { font-size:140%; width:190px; padding:3px 0; }
#video .video_form .small { text-align:center; font-size:77%; }
#video .favs_notes, #favs_notes_disabled { text-align:center; }
#video .video_description, 
#video .video_metadata { padding:10px 5px 0 5px; }
#video .video_metadata .left { height:80px; width:215px; float:left; }
#video .video_metadata .right { height:50px; width:125px; float:left; text-align:center; }
#video .video_metadata .right img { width:auto; height:50px; }

.logo_resize { max-width:120px; height:auto; }

/********************************/
/*	Toolbox Styles				*/
/********************************/
#toolbox { background:url(/site_media/img/bg_toolbox_btm.gif) 1px bottom no-repeat; padding-bottom:10px; }

/* Tabs */
#toolbox-nav { height:28px; }
#toolbox-nav ul { margin:0; padding:0; }
#toolbox-nav li { list-style:none; display:inline; }
#toolbox-nav a { display:inline; float:left; margin:0 1px; }
#toolbox-nav a:hover { text-decoration:none; }

#toolbox-nav a.tab_media { width:97px; background:url(/site_media/img/tab_media.png) 0 0 no-repeat; }
#toolbox-nav a.tab_friends { width:95px; background:url(/site_media/img/tab_friends.png) 0 0 no-repeat; }
#toolbox-nav a.tab_workgroup { width:127px; background:url(/site_media/img/tab_workgroup.png) 0 0 no-repeat; }
#toolbox-nav a.tab_notebook { width:107px; background:url(/site_media/img/tab_notebook.png) 0 0 no-repeat; }
#toolbox-nav a.tab_inbox { width:77px; background:url(/site_media/img/tab_inbox.png) 0 0 no-repeat; }
#toolbox-nav a.tab_profile { width:72px; background:url(/site_media/img/tab_profile.png) 0 0 no-repeat; }

#toolbox-nav a:hover.tab_media, li#current a.tab_media { background-position:-97px; }
#toolbox-nav a:hover.tab_friends, li#current a.tab_friends { background-position:-95px; }
#toolbox-nav a:hover.tab_workgroup, li#current a.tab_workgroup { background-position:-127px; }
#toolbox-nav a:hover.tab_notebook, li#current a.tab_notebook { background-position:-107px; }
#toolbox-nav a:hover.tab_inbox, li#current a.tab_inbox { background-position:-77px; }
#toolbox-nav a:hover.tab_profile, li#current a.tab_profile { background-position:-72px; }

/* Content */
#toolbox #toolbox-contents, 
#toolbox #toolbox-home { background:#FFFFFF; padding:15px 15px 5px 15px; margin-left:1px; float:left; width:555px; min-height:400px; height:auto !important; height:400px; }
#toolbox #toolbox-contents {  background:#FFFFFF url(/site_media/img/bg_toolbox_contents.png) 0 0 repeat-x; }

/* Friends */
#search_friends { height:27px; width:420px; background:url(/site_media/img/bg_search_friends.png) 0 0 no-repeat; padding-left:135px; margin-bottom:15px; clear:both; }
#search_friends #wrapper { height:21px; }
#search_friends .content { height:21px; float:left; padding:4px 0 0 10px; }
#search_friends input[type="button"] {  }	
#search_friends input[type="text"] { padding:2px; }

.profile { padding:0.25em; text-align:center; min-width:5em; max-width:7em; overflow:hidden; margin-bottom:0.25em; }
.profile_detail { padding:0.25em; border:1px solid #ddd; }

/* Obsolete: There is no longer a profiles-box id */
#profiles-box .join_date { font-size:77%; padding-bottom:3px; border-bottom:1px solid #EFEFEF; }
#profiles-box .profile { width:520px; height:40px; float:left; padding:3px 0 10px 25px; }
#profiles-box .avatar { width:40px; height:40px; float:left; }
#profiles-box .username { width:150px; height:40px; float:left; padding-left:5px; }

/* Videos Menu */
#videos_menu { padding-left:90px; width:465px; height:23px; background:url(/site_media/img/bg_video_menu.png) 0 0 no-repeat; clear:both; font-size:85%; }
#videos_menu select { width:230px; border:1px solid #999999; }
#videos_menu .channels, 
#videos_menu .favorites, 
#videos_menu .history { float:left; text-align:center; }
#videos_menu .channels { width:250px; padding-top:3px; }
#videos_menu .favorites {width:115px; padding-top:5px; }
#videos_menu .history { width:100px; padding-top:5px; }

/* Video List */
.video_list_sort { margin-top:15px; }
.video_list_item { margin:5px 0; height:70px; }
.video_list_data { border-top:1px solid #CCCCCC; height:70px; font-size:131%; padding-top:5px; }
td.thumb, 
td.title, 
td.date, 
td.views, 
td.rating, 
td.duration { vertical-align:top; }
td.thumb { width:98px; }
td.title { width:217px; }
td.date, 
td.views, 
td.rating, 
td.duration { width:60px; text-align:center; }

/* Workgroups */
#nav_workgroup { width:555px; height:20px; padding-top:3px; text-align:center; background:url(/site_media/img/bg_nav_workgroup.gif) 0 0 no-repeat; float:left; font-size:85%; margin-bottom:30px; }
#nav_workgroup ul { margin:0; padding:0; list-style-type: none}
#nav_workgroup li { display:inline; }
#nav_workgroup li.padded { padding-left:45px; }

/*div.members { padding:8px; }
div.members h2 { margin:0 0 5px 0; padding:0; }
div.members .avatar { padding:0; width:40px; height:50px; float:left; }
div.members .details { overflow:hidden; width:115px; padding-left:5px; height:40px; float:left; }
*/
#workgroups-list-box dl, 
#workgroups-list-box dd { margin-left:0.1em; margin-top: 0.5em}
#workgroups-list-box dt { font-size:93%; margin-left:0.1em;}
#workgroups-list-box dt:first-child { padding-top: 2px; border-top:1px solid #d7d7d7; }
#workgroups-list-box dd { padding-bottom:10px; margin-bottom:2px; border-bottom:1px solid #d7d7d7; font-size:85%;}
.project_stats { color:#999999; font-size:85%; margin:0.1em; margin-top: 0.25em;}

.away_form {
	margin-bottom: 1em;
}
.away_form th {
	font-weight:  normal;
	font-size: 100%;
}

.status-table {
	margin: 0.5em;
}
.status-table th {
	padding: 0;
	font-weight: normal;
}
.status-table td,th {
	font-size: 100%;
}

/*  Notes  */
#notes_subnav { width:555px; height:23px; background:url(/site_media/img/bg_notebook_subnav.gif) 0 0 no-repeat; 
/*    float:left; */
}
#note_search_block { position:relative; left:270px; top:0; z-index:1; padding:2px; height:21px; width: 286px; float:left; }
#note_search_block .wrapper .text { width:188px; height:21px; float:left; }
#note_search_block .wrapper .button { width:80px; height:21px; float:left; padding-left:7px; }
#note_search_block input[type="text"] { width:188px; padding:1px;}
.notes_links { width:285px; }
#note_referral_form .notes_links { position:relative; left:15px; top:-21px; font-size:85%; }
#note_referral_form .notes_links #current { color: #444444; font-size:108%; }

#note-list-box { min-height:400px; height:auto !important; height:400px; }
#note-list-table { padding-left:5px; padding-right:5px; }
#note-list-table th, 
#note-list-table td { padding:6px 8px; border:none; font-size:85%; }
#note-list-table th { border-bottom:1px solid #CCCCCC; }

#notes_foot { padding-top:20px; }
#notes_foot input[type="text"] { padding: 3px; }

#note_detail_edit input {
    font-size: 11px;
}
#note_detail_edit textarea {
	font-size: 11px;
	width: 100%;
}
#note_detail_edit input[type=text] {
	line-height: 1.4em;
}
#note_detail_edit label,
#note_detail_edit h3 {
	font-size: 11px;
	font-weight: normal;
}
#note_detail_edit td {
	padding: 4px 2px;
}

/*  Inbox  */
#inbox_nav { width:555px; height:23px; float:left; background:url(/site_media/img/bg_inbox_nav.gif) 0 0 no-repeat; font-size:85%; padding-top:4px; margin-bottom:30px; }
#inbox_nav .button { height:23px; width:111px; float:left; text-align:center; }

table.messages { width:100%; }
table.messages tbody tr {  }
table.messages th, 
table.messages td { padding:3px 3px 3px 0; border:none; text-align:left; }
table.messages th { font-size:85%; font-weight:normal; border-bottom:1px solid #CCCCCC; }

dl.message-headers { padding:5px 0; width:90%; font-family:Arial, sans-serif; }
dl.message-headers dt { width:70px; text-align:right; float:left; padding-right:10px; font-weight:bold; color:#444; }
dl.message-headers dd { width:100%; }

div#notice { margin:0; padding:5px; }
div#unseen_notice { margin:0; padding:5px; background:#FEF4E7; }
div#notice, 
div#unseen_notice, 
.notices a, 
.notices h2 { font-size:85%; }
.notices h2 { margin:8px 0 3px 0; border-bottom:1px solid #CCCCCC; }

/********************************/
/*	Public Showcase Pages		*/
/********************************/
#public_view { padding-bottom:20px; float:left; }
#public_view .top, 
#public_view .bottom { width:555px; float:left; }
#public_view .bottom { height:245px; }
#public_view .top { padding-bottom:20px; }
#public_view .top .left { width:285px; float:left; padding-top:40px; }
#public_view .top .left h1 {  font-size:197%; color:#FA982B; font-weight:normal; line-height:1em; }
#public_view .top .left ul { margin:0; padding:10px 0 0 15px; font-size:138.5%; }
#public_view .top .left li { padding:2px 0; }
#public_view .top .left p { font-size:123.1%; margin-top:10px; }
#public_view .top .right { width:270px; float:left; height:270px; }
#public_view .bottom .left { width:385px; float:left; background:url(/site_media/img/bg_public_sign_up.gif) 0 0 no-repeat; padding-top:30px;}
#public_view .bottom .right { width:140px; padding:10px 15px; float:right; text-align:center; }
#public_view #signup .field { width:190px; min-height:45px; float:left; position: relative;}

#public_view #signup .terms_of_use {
    margin-left: 190px;
}

#login_form .field {
    position: relative;
}

#public_view #signup .errorlist {
	width: 11.75em;
	z-index: 1;
}

#login_form .errorlist {
    z-index: 1;
}

.errorlist li {
	padding: 2px 6px 0px 0px;
	font-size: 100%;
}

.errorlist_wrapper {
    position:absolute;
    left: 0.5em;
    bottom: 0.125em;
    cursor:pointer;
	border: 1px solid #f00;
	background-color: #ffffff;
	opacity: 0.85;
	width: 14em;
	min-height: 1.4em;
}

#login_form .errorlist_wrapper {
    left: 6.3em;
    bottom: 0em;
    width: 10em;
}

.errorlist_close {
    float:right;
    color: #f00;
    z-index: 2;
    width: 0.85em;
}
.errorlist_close:hover {
    font-weight: bold;
}

#public_view #signup label { font-size:85%; padding-left:10px; }
#public_view #signup input[type="text"],
#public_view #signup input[type="password"] { padding:2px; width:165px; }
#public_view #signup input[type="button"] { margin-top:15px; }
#public_view .login { position: relative;text-align: left; padding-top: 3px;}
#public_view .login .field { height:45px; }
#public_view .login input[type="text"],
#public_view .login input[type="password"] { padding:2px; margin:2px 0; }
#public_view .login input[type="button"] { margin-top:4px; }
#public_view .login label { font-size:85%; padding-left:10px; }
#public_view .login p { text-align:center; margin:0; color:#FA982B; }
#public_view .login a { font-size:77%; color:#999999; }
#public_view .login span { font-size:85%;}

/********************************/
/*	Forms						*/
/********************************/

/*  Project Form */
#project_form td, #project_form th { border:none; }
#project_form input[type="text"] { padding:3px; }

/* form toggle */
.form-toggle { clear:right; }
.form-toggle p { margin-bottom: 2px; }
.form-toggle p span { color:#140A8C; cursor:pointer; }
.form-toggle form { padding:3px 6px; margin:0; }
.form-toggle textarea,
#project_form textarea,
#inbox-list-box textarea,
#wiki-list-box textarea { width:25em; }

form#edit-project th {
	font-size: 11px;
}
form#edit-project textarea { width:28em; }
form#edit-project #id_tags {
	width: 22em;
}

form#project_form th {
	font-size: 11px;
	padding-left: 0;
}
form#project_form textarea { width:59.65em; }
form#project_form #id_tags {
	width: 53em;
}

#workgroup #add-member th {
	font-size: 11px;
}
.form-toggle input[type="submit"] { }

/********************************/
/*	Content Partners			*/
/********************************/
.cp_center { width:800px; margin:0 auto;}
.cp_contentbox { min-height:400px; height:auto !important; height:400px; background:#FFFFFF bottom no-repeat; padding-bottom:10px; }
/*
.cp_contentbox { min-height:400px; height:auto !important; height:400px; background:#FFFFFF url(/site_media/img/bg_content_box_btm.gif) 0 bottom no-repeat; padding-bottom:10px; }
*/
.cp_contentbox .padding { padding:0 15px 15px 15px; width:800px; }
.cp_contentbox img.top_corners { position:relative; top:-4px; left:0; }
.cp_contentbox ul { padding-left:20px;}


#cp_top { width:770px; padding:0 15px; margin-right: auto; margin-left-auto;}
#cp_top .left { width:361px; float:left; min-height:300px; height:auto !important; height:300px; padding-right:10px; }
#cp_top .right { width:565px; float:left; height:410px; background-color:#F9F9F9; }


.cp_logo_resize { margin-left:auto; margin-right:auto; max-width:780px; height:auto; text-align:center; padding:10px;}
.cp_about_text { overflow:auto; height:290px; font-size:93%; margin-top:10px; width:735px; margin-right: auto; margin-left: auto; padding:10px; border: 3px solid rgb(208, 216, 237);  }
#cp_video_list { padding:0 15px; width:760px; clear:both; }
#cp_affiliates { padding:10px 15px; margin:25px 15px 5px; width:740px; background-color:#F1F1F1; float:left; }
#cp_affiliates select { width:230px; border:1px solid #999999; }

/* CP Video List */
.cp_video_list_sort { margin-top:25px; }
.cp_video_list_item { margin:10px 0; height:70px; }
.cp_video_list_data { border-top:1px solid #CCCCCC; height:136px; font-size:131%; padding-top:5px; }
td.cp_thumb, 
td.cp_title, 
td.cp_date, 
td.cp_views, 
td.cp_rating, 
td.cp_duration { vertical-align:top; }
td.cp_thumb { width:190px; }
td.cp_title { width:340px; }
td.cp_date, 
td.cp_views, 
td.cp_rating, 
td.cp_duration { width:100px; text-align:center; }




/* Pinax threaded comments */
form.comment_form table td {
    padding: 4px;
}

ul.responses li, ul.responses p {
    font-size: 11px;
}
ul.responses a {
    font-size: 11px;
}















/*  PG (Pre-Geoff) Styles from here down.  */

dl.message-header dd { float:left; }
h2.notice_date, h2.join_date, h2.creation_date { font-size:12px; color:#666; border-bottom:1px solid #999; }

form th {
    text-align : left;
}
form.signup input[type="submit"], form.login input[type="submit"] {
    margin: 20px 0;
    font-size: 14pt;
}


ul.errorlist {
    margin: 0;
    padding: 0;
    list-style: none;
    color: red;
    display: none;
}
ul.errorlist.visible {
    display: block;
}

ul.errorlist li {
    list-style-type: none;
}
form#signup_form ul.errorlist li {
    padding-left: 10px;
}
ul#messages {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
ul#messages li {
    padding: 5px 10px;
    background: #e5e4fe;
    margin: 3px;
    border: 1px solid #b6b3fd;
}
ul#messages li a {
    float: right;
    color: #6893ac;
}
.verified {
    color: green;
}
.remove {
    color: red;
}
.unverified {
    color: gray;
}
.primary {
    font-weight: bold;
}
table.email_list {
    margin-bottom: 1em;
}
table.email_list td {
    padding: 5px 10px;
}
table.invitation_list {
    width: 240px;
}
table.invitation_list td {
    padding: 5px 10px;
    width: 12em;
    max-width: 12em;
    white-space: nowrap;
    overflow: hidden;
}
table.invitation_list td.invite_recipients,
table.invitation_list td.invited_status {
	white-space: normal;
}
table.contact_list {
    width: 500px;
}
table.contact_list td {
    padding: 5px 10px;
}
.friendship_request {
    padding: 5px;
    background: #eae9ff;
    border: 1px solid #9BC;
}
.friendship_request p {
    padding: 0;
    margin: 0;
}
.friendship_request form {
    padding: 0;
    margin: 0;
}
.friendship_request p.invitation_message {
    font-size: 12pt;
    margin: 5px;
}
.warning {
    color: red;
    font-weight: bold;
}


span.notice_type {
    color: #666;
}
span.notice_message {
}
span.notice_time {
    color: #999;
    font-size: 90%;
}
table.notice_settings td {
    line-height: 90%;
    padding: 5px 10px;
    
}
span.notice_type_description {
    color: #666;
    font-size: 80%;
    font-style: italic;
}

div.profile_info p {
    margin: 0;
}
#avatar_replace {
    position: absolute;
    margin-top: -23px;
    background-color: #FFFFFF;
    padding: 3px;
    display: none;
}
ul.avatar_choices,ul.avatar_choices ul {
    margin-left: 0px;
    padding-left: 0px;
}
ul.avatar_choices li {
    display: inline;
    list-style-type: none;
}
.invitation_5, .invitation_7 {
    color: green;
    font-weight: bold;
}
.invitation_2 {
    color: gray;
}


#subnav {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #eee;
}

#subnav ul {
    /*float: left;*/
    margin: 0 20px;
    padding: 0;
}

#subnav ul li {
    display: inline;
    list-style-type: none;
    margin:0 5px 0 0;
    padding:0 0 0 9px;
}

#subnav ul a {
  float:left;
  display:block;
  padding:5px 15px 0px 6px;
  text-decoration:none;
  cursor: pointer;
  font-family: arial,helvetica,sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#140a8c;
}

#subnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subnav a {float:none;}
/* End IE5-Mac hack */
#subnav a:hover {
  text-decoration: underline;
}


div.right_panel {
    width: 200px;
    float: right;
    z-index: 999;
}

/*div.left_panel {
    width: 550px;
}*/


div.friends .avatar {
    padding: 0;
    text-align: center;
    width: 60px;
}
div.friends .details {
    text-align: center;
    overflow: hidden;
    width: 60px;
    margin: 0 0 12px 0;
}
div.tribes {
    background: #dcdbff;
    padding: 8px;
    margin-bottom: 20px;
}
div.tribes h2 {
    margin: 0 0 5px 0;
    padding: 0;
}
div.notice_settings {
    background: #dcdbff;
    padding: 8px;
    margin: 20px 0;
}
div.notice_settings h2 {
    margin: 0 0 5px 0;
    padding: 0;
}
div.tweet {
    width: 500px;
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #CCC;
    font-size: 12pt;
}
div.tweet .timesince {
    color: #999;
    font-size: 80%;
}
span#chars_left {
    font-size: 16pt;
}
div.tweet .reply {
    font-size: 80%;
}

#locale_switcher {
    display:inline;
}

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_results li img {
    float: left;
    margin: 5px;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}

/* topics */
table.topic, table.topics {
    width: 100%;
}
table.topic td, table.topics td {
    vertical-align: top;
    padding: 5px 20px 5px 5px;
}
table.topic td h1, table.topics td h2 {
    margin: 0;
    padding: 0;
}
.responses .even, .topics .even {
    background-color: #FAFAFA;
}
.responses .odd, .topics .odd {
    background-color: #F3F3F3;
}
.responses {
    margin-left: 0px;
    padding-left: 0px;
}
.responses li { 
    list-style-type: none; 
}
td.meta {
    width: 100px;
    margin: 4px;
}
div.meta {
    float: left;
    width: 100px;
    margin: 4px;
    padding: 4px;
}
div.bulk {
    margin-left: 120px;
    padding: 4px;
}
.hidden { display: none; }
.thread-0 { margin-left: 0px; }
.thread-1 { margin-left: 20px; }
.thread-2 { margin-left: 40px; }
.thread-3 { margin-left: 60px; }
.thread-4 { margin-left: 80px; }
.thread-5 { margin-left: 100px; }
.thread-6 { margin-left: 120px; }
.thread-7 { margin-left: 140px; }
.thread-8 { margin-left: 160px; }

table.topics .created {
    color: #999;
    font-size: 90%;
}
table.topics .comment_stats {
    color: #999;
    border-top: 1px solid #CCC;
    font-size: 90%;
}




/* reference:
 *   http://www.positioniseverything.net/easyclearing.html
 *   http://www.zeldman.com/2006/10/27/ie7fixes1/
 *      comment by michael on 10/28/2006
 */
.clearfix {
    min-height: 1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* hides from ie5-mac \*/
* html .clearfix { height: 1%; }
/* end hide from ie5-mac */

/* feedutil */
.feed-entry-summary {
    font-style: italic;
}
.feed-entries {
    width: 500px;
}

/* bookmarks */
table.narrow {
    width: 500px;
}
table.bookmarks td {
    vertical-align: top;
    padding: 5px;
}
table.bookmarks td h2 {
    margin: 0;
    padding: 0;
}
table.bookmarks td.vote {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}
.bookmarks .even {
    background-color: #FAFAFA;
}
.bookmarks .odd {
    background-color: #F3F3F3;
}
div.url {
    color: #666;
    font-size: 90%;
    font-style: italic;
}



dl.what_next {
    margin: 2em;
}
dl.what_next dt {
    font-size: 120%;
}
dl.what_next dd {
    margin: 0 0 1em 0;
    font-style: italic;
}
p.what_next {
    font-size: 120%;
}
/* blogs */
.blog-post h2 {
    margin: 10px 0 0 0;
    font-style: italic;
}
.blog-post-tease {
    width: 500px;
    float: left;
}
.blog-post-meta {
    width: 200px;
    float: left;
    margin-left: 30px;
}
.blog-post-meta img { 
    border: 1px solid #666;
}
.blog-list tr.odd {
    background-color: #f3f3f3;
}
.blog-list td {
    vertical-align: top;
    padding: 3px 3px 15px 3px;
}
.blog-list td p {
    padding: 0;
    margin: 0;
}

.blog-post-meta img.noborder {
    border: 0;
}

/* projects */



/* tasks */

.tasks .even {
    background-color: #FAFAFA;
}
.tasks .odd {
    background-color: #F3F3F3;
}
table.task td, table.tasks td {
    vertical-align: top;
    padding: 5px 20px 5px 5px;
}

table.task, table.tasks {
    width: 100%;
    margin-bottom:  1em;
}

h2.task_summary_title,
h2.topics_title,
h2.wiki_articles_title,
h2.tasks_title {
    border-bottom: 1px solid #CCCCCC;
}
h2.task_summary_title {
    margin-top: 3em;
}

div.task-meta {
    float: left;
    width: 150px;
    margin: 4px;
    padding: 4px;
    font-size: 85%;
}

div.task div.bulk h2 {
    margin: 0;
}
div.task-meta2 {
    color: #666;
    margin-top: 1em;
    font-size: 90%;
}

div.task-meta2 b {
    color: #000;
}

div.task_edit {
	margin: 0 0 1em 0.5em;
	padding: 0.25em 1em;
}

form.task_form {
	margin-bottom: 1em;
}
form.task_form input {
    font-size: 11px;
}

form.task_form th, 
form.task_form td {
	font-size: 85%;
	padding: 2px;
}
form.task_form th {
	font-weight: normal;
	text-align: right;
	min-width: 6em;
}

tr.task_resolved td a, tr.task_closed td a {
    text-decoration: line-through;
}

h2.task_resolved, h2.task_closed {
    text-decoration: line-through;
}

/* PHOTOS **************************************/
.thumb-row {
    margin: 20px 0;
    padding: 20px 0;
}
.gallery-photo-thumb {
    width: 100px; 
    margin: 10px 10px 20px 0;
    float: left;
    text-align: center;
}

.photo-right-profile, .photo-right-tools {
    background: #dcdbff;
    padding: 8px;
    margin-bottom: 20px;
}

.photo-profile-details {
    font-size: 0.9em;
}

.photo-avatar {
    float: left;
    margin-right: 10px;
}

.photo-avatar img {
    border: 1px solid #666;
}

.photo-right-tools ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.photo-right-tools ul li {
    background: #fff;
    padding: 2px 4px;
    margin: 2px 0;
}

.photo-right-tools li a {
    text-decoration: none;
}

.photo-right-tools li:hover {
    background: #DDDDDD;
}

.photo-profile-details h2 {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
}

.photo-right-tools h2 {
    margin: 0 0 5px 0;
    padding: 0;
}

#embed-code textarea {
    width: 150px;
    font-size: 0.8em;
}
div.embed {
    margin: 10px 0;
	font-weight: normal;
	font-style: normal;
}

.photo-right-tools form {
    margin: 0;
    padding: 0;
}
/* FORMS **********************************/

/* ----------- basic-sm ----------- */

#basic-form { padding-top:20px; }

#basic-form .underlineme {
    border-bottom: 4px solid #DEDEDE;
    margin-top: 15px;
}
#basic-form hr {
  border-top:solid 4px #DEDEDE;
}
#basic-form p{
  color:#666666;
  border-bottom:solid 1px #dedede;
  padding-bottom: 5px;
}
#basic-form label{
  display:block;
  font-weight:bold;
}
#basic-form td {
  padding: 2px;
}
#basic-form td.rightd {
  padding-right: 70px;
}
#basic-form span{
  color: #aaa;
  font-style: italic;
  width:300px;
}
#basic-form input, #basic-form select{
  float:left;
  margin:2px 0 2px 10px;
  font-size: 11px;
}

#basic-form textarea{
  float:left;
  margin:2px 0 2px 10px;
  font-size: 11px;
}

#basic-form .button{ 
  clear:both;
  width:125px;
  height:31px;
  text-align:center;
  line-height:20px;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
  border: 0 transparent;
  background: url('../button.png') no-repeat;
  margin-top: 20px;
  cursor: pointer;
}
.delete_form {
    padding: 5px;
    background: #F99;
}

/* Fieldsets */
fieldset { padding: 20px; margin: 0 0 1.5em 0; border: 2px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

.left-form {
    width: 360px;
    float: left;
    margin-right: 60px;
}

.right-form {
    width: 360px;
    float: right;
}
.right-form p {
    line-height: 21px;
}
.padtop {
    margin-top: 20px;
}

.signupform {
    float: left;
}



/* locations */
div#ymap {
    width: 350px;
    height: 200px;
    float: right;
    border: 1px solid gray; 
}
#page {
	width: 965px;
	margin: 10px auto;
	text-align: left;
	}



#date {
	clear: left;
	padding: 0px 5px 0px 0px;
	margin-top: 5px;
}
	
.odd-row {
	background-color: #fff;
}

#id_username, #id_password, #id_email, #id_password1, #id_password2 {
	width: 110px;
}
.sidebox ul {
	margin: 0px 5px 3px;
}
.sidebox #account-links {
	margin: 5px 0px;
}
.sidebox ul li {
	line-height: 20px;
}
.sidebox ul li a, #footer a {
	text-decoration: none;
}
.column1, .column2 {
    margin: 0px;
    padding: 0px;
}
.column1 {
	float: left;
}
.column2 {
	float: right;
}


#note_input {
    margin-top: 5px;
    margin-right: 7px;
    margin-bottom: 5px;
}


#note_bookmarks {
    height: 100px;
    margin-right: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid #000077;
    border-width: 1px;
    overflow: auto;
}



#signup_toolbox {
    padding-top: 10px;
    font-family: verdana,calibri,tahoma;
}

input#id_content {
	width: 100%;
}


.videoThumb {
    height: 60px;
    border: #aaaaff solid;
    border-width: 0px;
    margin: 5px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
}



.bottomRight {
	text-align: right;
    margin-right: 0px;
    height: auto;
    bottom: 0px;
    margin-top: 10px;
}
.error {
	margin: 0px;
	color: #f00000;
}


#current a,
.sortcol.current a {
  color:#f0b400;
  text-decoration:none;
}

#current,
.sortcol.current  {
  color:#f0b400;
  text-decoration:none;
}

#tagline {
	padding: 10px 0px;
}
#tagline li {
	font-size: 16px;
	font-family: verdana,calibri,tahoma;
	line-height: 90px;
	color: #000;
    list-style: none;
    margin-left: 5px;
}
#tagline li#tagline-2 {
	padding-top: 10px;
	margin-left: 5px;
}
#tagline li#tagline-3 {
	padding-top: 10px;
	margin-left: 5px;
}
.thumbnail {
	float: left;
	padding: 0px 2px 0px 0px;
    border: 0px;
}
#note_search {
	width: 150px;
}
#sign_up {
	position: relative;
	top: 3px;
}
#welcome {
	font-size: 12px;
}
#scroll-box {
	height: 440px;
	overflow: auto;
}

/*  Duplicate code for Pagination?
.paginator { padding: .25em .25em .6em .25em; }
.paginate-pages { padding: 2px 3px; border: 1px solid #ddd; }
.paginate-first, .paginate-last { padding: 2px 6px; border: 1px solid #ddd; font-weight: bold; }
.paginate-previous, .paginate-next { padding: 2px 3px; border: 1px solid #ddd; }
.paginate-link { padding: 2px 4px; border: 1px solid #ddd; }
.paginate-current { padding: 2px 4px; border: 1px solid #ddd; font-weight: bold; background:#59718b; color:#fff; }
*/

.workgroup_summary {
    clear: both;
}

.workgroup_title {
    margin: 0;
}
.workgroup_summary .heading {
    font-weight: bold;
}

.workgroup_edit {
    margin-bottom: 0.5em;
}

.workgroup_summary, .workgroup_members, .workgroup_boxed {
    border: 1px solid #D0D8ED;
    padding: 0.5em;
    margin: 0.25em;
}

.members {
    text-align: left;
}

.members td {
    text-align: center;
    max-width: 20%;
}

.workgroup_subsections {
    margin: 0.25em;
}

.workgroup_subsections > table {
    border-collapse: collapse;
    margin: auto;
}

.workgroup_subsection > div {
    border: 1px solid #D0D8ED;
    padding: 4px;
    margin: 0.25em;
}


table.sort_bar {
    border: none;
    border-spacing: 4px;
    padding: 0;
}


/**********************************************************************
 * CPAdmin
 **********************************************************************/
.cpadmin_body .header { 
    font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;     
    font-weight:bold;
    height: 28px;
    color:#FFFFFF; 
    text-align:left;
    display: table;
}

.cpadmin_body .header .left {
    background:url(/site_media/img/bg_header_left.gif) 0 0 no-repeat;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}
.cpadmin_body .header .right {
    background:url(/site_media/img/bg_header_right.gif) 0 0 no-repeat;
    padding-right: 14px;
    display: table-cell;
    vertical-align: middle;
}
.cpadmin_body .header .center {
    background:url(/site_media/img/bg_header_center.gif) 0 0 repeat-x;
    display: table-cell;
    vertical-align: middle;
}

.cpadmin_body .header .ContentSearchField {
    margin-left: 4em;
}
.cpadmin_body .ContentSearchField + input{
    margin-left: 0;
}

.cpadmin_body .providers {
    float: left;
    margin-left: 4px;
    width: 49%;
}

.cpadmin_body ul.providers_list li {
    padding-left: 1em;
    list-style-type: none;
}

.cpadmin_body ul.providers_list .even,
.cpadmin_body tr.even {
    background-color: #FAFAFA;
}
.cpadmin_body ul.providers_list .odd,
.cpadmin_body tr.odd {
    background-color: #F3F3F3;
}

.cpadmin_body .usage {
    float: right;
    width: 49%;
    margin-right: 4px;
}

.cpadmin_body .usage .body {
}

.cpadmin_body .media {
    clear: both;
    margin-left: 4px;
    margin-right: 4px;
}

.cpadmin_body #video {
    min-height: 310px;
}

.cpadmin_body #replace_media_file {
    margin-top: 0.5em;
}

.cpadmin_body .media_not_uploaded {
    font-style: italic;
}

.cpadmin_body #delete_media_btn {
    color: #ff7777;
    margin-right: 10em;
}

.cpadmin_body div > .body {
    background-color: #ffffff;
    margin: 2px 1px 8px 0px;
    min-height: 18em;
    padding: 1em;
}

.cpadmin_body .media_metadata textarea {
    max-width: 23em;
}

.cpadmin_body th {
    font-weight: bold;
    text-align: right;
}

.cpadmin_body th.block_label {
    text-align: left;
    padding:0.5em 0 0.25em 0;
}

.cpadmin_body .body th {
    text-align: left;
}

.cpadmin_body .body td {
    padding: 0 0.25em 0 0.25em;
}

td.number {
    text-align: right;
}

.cpadmin_body input[type=submit] {
    margin-top: 4px;
}

.cpadmin_body h2.title {
    text-align: center;
    margin-bottom: 2em;
}

.cpadmin_body ul.errorlist {
    display: block;
}

.cpadmin_body .video_player {
    width:370px; 
    float:left;
}

.cpadmin_body .media_video .body {
    min-height: 350px;
}

.cpadmin_body .media_video .thumbnails {
    float: left;
    width: 180px;
    padding: 0 1em 0 1em;
}

.cpadmin_body .media_video .thumbnail_block > img {
    padding: 0px 2px 0px 0px;
    border: 0px;
}

.cpadmin_body .media_video .form_btns {
    clear: both;
    background-color: #ffffff;
    margin: -8px 1px 8px 0px;
    padding: 0em 1em 1em 1em;
    text-align: center;
}

/* Add media page */
.cpadmin_body .uploads {
    float: left;
    margin-left: 4px;
    width: 49%;
}

.cpadmin_body .video_metadata {
    float: right;
    width: 49%;
    margin-right: 4px;
}