<style type="text/css" media="screen">
/** GENERAL **/
* {}
body {
	background-image: url('../images/bg-body.gif');
	background-repeat: repeat;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444;
}

a {
	outline: none;
}

a:link, a:visited {
	color: #336699;
	text-decoration: none;
}

img {
	border: 0;
}

h2 {
	font-size: 200%;
	font-weight: normal;
}

h3 {
	font-size: 125%;
	font-weight: normal;
}


h4 {
	font-size: 100%;
}

div#page {
	width: 1043px;
	margin: 0 auto;
	background-image: url('../images/bg-page.png');
	background-repeat: repeat-y;
}

div#content {
	background-image: url('../images/bg-content.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 968px;
	margin: 0px 38px;
	background-color: #FFF;
	position: relative;
}

div#layout_canvas {
	margin-left: 20px;
}

div.arrow {
	background-image: url('../images/arrow-corner-rt.png');
	background-position: right top;
	background-repeat: no-repeat;
	padding: 10px;
}

div.clearer {
	clear: both;
}

div#messagesArrow {
	background: url(/images/arrow-messages.png) top left no-repeat !important;
	position: absolute;
	top: 65px;
	left: 0px;
	width: 165px;
	height: 100px;
}

div.wrapper-sysmessages {
	position: absolute;
	right: 20px;
	width: 370px;
	display: none;
	overflow: hidden;
	top: -150px;
	color: #FFF;
	z-index: 9;
	color: #FFF;
	height: 150px;
}

div.wrapper-sysmessages div {
	background-image: url('/mod/kaltura_video/kaltura/images/trans_bg.png');
	padding: 15px 10px 10px 15px;
}

div.wrapper-sysmessages a:link,
div.wrapper-sysmessages a:visited
{
	color: #99CCFF !important;
}

div.wrapper-sysmessages a:hover
{
	color: #99CCFF !important;
}

div.wrapper-sysmessages a:active
{
	color: #99CCFF !important;
}

span.closeMessages a {
	position: static !important;
}

div.box-green {
	background-image: url('/images/bg-box-green.png');
	background-repeat: repeat-x;
	background-color: #9CCA68;	
}

div.box-green a:link,
div.box-green a:visited
{
	color: #007E00;
}

div.box-green a:hover
{
	color: #00B100;
}

div.box-green a:active
{
	color: #00D800;
}

div.box-blue {
	background-image: url('/images/bg-box-blue.png');
	background-repeat: repeat-x;
	background-color: #80CEFF;	
}

div.box-blue a:link,
div.box-blue a:visited
{
	color: #006699;
}

div.box-blue a:hover
{
	color: #0088CD;
}

div.box-blue a:active
{
	color: #009FF0;
}


div.box-orange {
	background-image: url('/images/bg-box-orange.png');
	background-repeat: repeat-x;
	background-color: #FBC049;	
}

div.box-orange a:link,
div.box-orange a:visited
{
	color: #B90000;
}

div.box-orange a:hover
{
	color: #FF0000;
}

div.box-orange a:active
{
	color: #FF7C6D;
}

div.box-grey {
	background-image: url('/images/bg-box-grey.png');
	background-repeat: repeat-x;
	background-color: #D7D7D7;	
}

div.box-grey a {
	color: #006699;
}

div.box-grey a:link,
div.box-grey a:visited
{
	color: #006699;
}

div.box-grey a:hover
{
	color: #0088CD;
}

div.box-grey a:active
{
	color: #009FF0;
}

div.box-green h2, div.box-green h3, div.box-green h4,
div.box-orange h2, div.box-orange h3, div.box-orange h4,
div.box-blue h2, div.box-blue h3, div.box-blue h4,
div.box-grey h2, div.box-grey h3, div.box-grey h4
{
	color: #444444;
}

div.box-green h2,
div.box-orange h2,
div.box-blue h2,
div.box-grey h2
{
	margin-bottom: 30px;
}

div.box-green h3,
div.box-orange h3,
div.box-blue h3,
div.box-grey h3
{
	margin-bottom: 10px;
}

div.box-green div.item,
div.box-orange div.item,
div.box-blue div.item,
div.box-grey div.item
{
	padding: 10px;
	min-height: 55px;
	margin: 10px 0;
}

div.box-green div.item {
	background-color: #d6f8b0;
}

div.box-blue div.item {
	background-color: #ACE4FF;
}

div.box-orange div.item {
	background-color: #FBE598;
}

div.box-grey div.item {
	background-color: #f5f5f5;
}

a.edit,
a.delete,
a.metadata,
span.add,
a.add,
a.reply,
a.rss {
	background-image: url('../images/icon-edit.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 10px !important;
	padding: 6px 0 0px 17px;
	line-height: 16px;
	font-weight: normal;
	color: inherit;
}

a.delete {
	background-image: url('../images/icon-delete.png');
}

a.rss {
	background-image: url('../images/icon-rss.png');
	background-position: left center;
}

span.add,
a.add
{
	background-image: url('../images/icon-add.png');
	background-position: left center;
	padding-left: 20px !important;
}

a.reply {
	background-image: url('../images/icon-reply.png');
	background-position: left center;
}

a.logo-hapas {
	display: block;
	background-image: url('/images/logo-hapas.png');
	width: 300px;
	height: 74px;
}

a.logo-beta {
	background-image: url('/images/logo-hapas-beta.png');
	width: 325px;
}

a.logo-caam {
	display: block;
	background-image: url('/images/logo-caam.png');
	width: 162px;
	height: 28px;
}

div#two_column_left_sidebar {
	float: left;
	width: 240px;
	padding: 10px 10px;
	background-image: url('/images/bg-two_column_left_sidebar.png');
	background-repeat: repeat-x;
	background-color: #d7d7d7;
	margin: 0;
}


div#owner_block_icon {
	float: left;
	width: 50px;
	margin-right: 10px;
}

div#owner_block_content {
	font-size: 117%;
	font-weight: bold;
}

div#owner_block_desc {
	font-size: 83%;
}

div#owner_block_submenu {
	margin: 10px 0;
}

div#owner_block_rss_feed {
	height: 20px;
	margin-top: 10px;
}

div#two_column_left_sidebar_maincontent {
	float: left;
	width: 628px;
	margin: 0 20px 0 20px;
	padding: 10px;
}

div#owner_block_submenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#owner_block_submenu ul a:link,
div#owner_block_submenu ul a:visited
{
	display: block;
	line-height: 22px;
	color: #444;
	padding-left: 10px;
}

div#owner_block_submenu ul a:hover
{
	display: block;
	line-height: 22px;
	color: #666;
	padding-left: 10px;
}

div#owner_block_submenu ul a:active
{
	display: block;
	line-height: 22px;
	color: #999;
	padding-left: 10px;
}

div#owner_block_submenu ul li.selected a {
	color: #ccc !important;
	background-image: url('/images/bg-owner_block_ul_a.png');
}

div#owner_block h2 {
	margin: 0 0 40px 0;
}

div.avatar_menu_button {
	background-color: #1a1a1a;
	margin-top: 2px;
	background-image: url('/images/arrow-dropdown.png');
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

div.sub_menu {
	display: none;
	position: absolute;
	background-color: #1A1A1A;
	width: 150px;
	padding: 0 10px;
	margin-top: 1px;
	color: #ccc;
}

div.sub_menu h3 {
	margin: 0;
	height: 30px;
	line-height: 30px;
	color: inherit !important;
}

div.sub_menu ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

div.sub_menu li {
	padding-left: 0;
	margin-left: 0;
	line-height: 25px;
	height: 25px;
	font-weight: normal;
}

div.sub_menu a {
	font-weight: normal !important;
	color: #99CCFF !important;
}

div.sub_menu li a:hover {
	color: #7399BF !important;
}

div.sub_menu li a:active {
	color: #56738F !important;
}

a.icon img,
img.avatar
{
	border: 1px solid #666666 !important;
}

div.usericon {
	position: relative;
}

div.usericon div.topbar {
	width: 16px;
}

div.usericon div.menu {
	width: 30px;
}

div.usericon div.tiny {
	width: 30px;
}

div.usericon div.small {
	width: 50px;
}

div.usericon div.medium {
	width: 100px;
}

div.usericon div.large {
	width: 290px;
}

div.usericon div.master {
	width: 550px;
}

div#messageboard_wrapper div.messageboard {
	margin-bottom: 10px;
}

div#messageboard_wrapper div.messageboard div.message_sender,
div#messageboard_wrapper div.messageboard p
{
	float: left;
}

div#messageboard_wrapper div.messageboard div.message_sender {
	margin-right: 10px;
}

div#messageboard_wrapper div.messageboard p {
	width: 540px;
}

a.icon {
	font-size: 0;
}

wbr:after {
	content: "\00200B"
}

div.search_listing {
	margin: 10px 0;
	clear: both;
	height: 30px;
}

div.search_listing a {
	font-weight: bold;
}

div.search_listing_icon img {
	width: 30px;
	height: 30px;
}

div.search_listing_icon div.avatar_menu_button img {
	height: 10px;
}

div.search_listing_icon {
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background-color: transparent;
	line-height: 30px;
}

div.search_listing_icon img.usericonimg {
	height: 30px;
	width: 30px;
}

table.search_gallery div.album_gallery_item img {
	margin-top: 2px;
}

input.btn,
button.btn {
	background: #333333 url(/images/bg-button.jpg) repeat-x;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #e7e7e7;
	padding: 5px !important;
	border: 1px solid #777777;
	font-size: 11px;
	text-align: center;
}

a.add_topic_button {
	background: #333333 url(/images/bg-button.jpg) repeat-x !important;
	font-family: arial, sans-serif !important;
	font-weight: bold !important;
	color: #e7e7e7 !important;
	padding: 5px !important;
	border: 1px solid #777777 !important;
	-moz-border-radius-bottomleft:0px !important;
	-moz-border-radius-bottomright:0px !important;
	-moz-border-radius-topleft:0px !important;
	-moz-border-radius-topright:0px !important;
	line-height: normal !important;
	
}

div#register-box {
	width: 346px;
	margin-left: 20px;
}

div#register-box label,
div#login-box label {
	float: left;
	width: 120px;
	margin: 0 5px 10px 0;
	line-height: 20px;
	text-align: right;
}

input.input-text,
input.input-tags {
	width: 150px;
	border: 1px solid #999;
	height: 20px;
	margin: 0 5px 10px 0;
	font-size: 120%;
}

select.input-access {
	width: 150px;
	border: 1px solid #999;
	height: 20px;
	margin: 0 5px 10px 0;
}

div#register-box input.general-textarea,
div#login-box input.login-textarea {
	float: left;
	width: 150px;
	border: 1px solid #999;
	height: 20px;
	margin: 0 5px 10px 0;
	font-size: 120%;
}

div#login-box div#forgot {
	margin-left: 125px;
}

div#register-box select {
	margin: 0 0 10px 0;
}

div#register-box input.submit_button,
div#login-box input.submit_button {
	margin-left: 125px;
	margin-bottom: 10px;
	margin: 0 0 10px 125px;
}

div#login-box div#persistent_login {
	margin-left: 125px;
}

div#login-box div#persistent_login label {
	text-align: left;
	float: none;
}

div#login-box div#persistent_login input {
	margin-right: 10px;
}

p.river_album_create {
	background: none;
}

div#river {
	border-top: 1px dotted;
}

div.river_item {
	padding: 5px 0;
	border-bottom: 1px dotted;
}

div.river_item p {
	margin-bottom: 0px;
}

td.search_gallery_item {
	vertical-align: top;
}

div.river_item {
	overflow: hidden;
}

div.generic_comment {
	padding: 5px 0;
	border-bottom: 1px dotted #444;
	margin: 10px 0;
}

div.generic_comment_icon {
	float: left;
	width: 50px;
	margin-right: 10px;
}

div.generic_comment_details {
	margin-left: 60px;
}

#TB_ajaxContent { /*sometimes login window is screwy*/
	height: 200px !important;
}

div#profile_picture_croppingtool img#user_avatar {
	max-width: 480px;
}

/** END GENERAL **/
/** USER NAV BAR **/

div#user-nav {
	background-image: url('../images/bg-user-nav.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 974px;
	height: 55px;	
	position: relative;
	left: -3px;
	color: #CCC;
	z-index: 10;
}

div#user-nav a:link,
div#user-nav a:visited
{
	text-decoration: none;
	color: #99CCFF;
}

div#user-nav a:hover
{
	text-decoration: none;
	color: #7399BF;
}

div#user-nav a:active
{
	text-decoration: none;
	color: #56738F;
}

div#user-nav ul {
	position: absolute;
	right: 20px;
	top: 23px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

div#user-nav ul li {
	display: inline;
	margin: 0;
	padding: 0 0 0 16px;
	list-style-type: none;
}

div#user-nav ul li#tools {
	z-index: 2;
}

div#user-nav ul li#browse {
	z-index: 1;
}

div#user-nav ul li#tools,
div#user-nav ul li#browse {
	position: relative;
	padding-bottom: 15px;
}

div#user-nav ul li#tools ul,
div#user-nav ul li#browse ul {
	position: absolute;
	width: 100px;
	left: 6px;
	top: 0px;
	padding-top: 21px;
	z-index: 2;
	display: none;
}

div#user-nav ul li#tools ul li,
div#user-nav ul li#browse ul li {
	padding: 0 0 0 10px;
	display: block;
	height: 21px;
	background-color: #1A1A1A;
}

div#user-nav form {
	display: inline;
}

div#user-nav form p {
	display: inline;
}

div#user-nav input#search {
	margin: 0 5px;
	border: 1px solid #CCC;
	background-color: #e7e7e7;
	width: 136px;
	height: 14px;
	padding: 1px 2px;
	font-size: 110%;
	font-family: Arial, sans-serif;
	color: #666;
}

div#user-nav input#search-submit {
	width: 16px;
	height: 16px;
	background-image: url('../images/icon-search.png');
	background-repeat: no-repeat;
	padding: 0;
	border: 0;
	background-color: transparent;
}

div#user-nav a.privatemessages {
	position: relative;
	z-index: 3;
}

/** END USER NAV BAR **/
/** LOGO AREA **/

div#logo {
	position: relative;
	height: 115px;
}

div#logo a {
	border: 0;
	position: absolute;	
}

div#logo a.logo-hapas {
	left: 20px;
	top: -15px;
}

div#logo a.logo-caam {
	top: 69px;
	left: 111px;
}

/** END LOGO AREA **/
/** FOOTER AREA **/

div#footer {
	background-image: url('../images/bg-footer.png');
	background-repeat: repeat-x;
	width: 968px;
	height: 169px;	
	margin: 20px 38px 0 38px;
	position: relative;
}

div#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 0%;
}

div#footer ul li {
	color: #99CCFF;
	display: inline;
	border-right: 1px solid;
	padding: 0 5px 0 5px;
	font-size: 12px;
}

div#footer ul li a {
	text-decoration: none;
	color: inherit;
}

div#footer ul li a:hover
{
	text-decoration: none;
	color: #7399BF;
}

div#footer ul li a:active
{
	text-decoration: none;
	color: #56738F;
}


div#footer a.logo-hapas {
	background-image: url('/images/logo-hapas-smaller.png');
}

div#footer a.logo-hapas {
	width: 245px;
	height: 56px;
	position: absolute;
	top: 78px;
	left: 20px;
}

div#footer a.logo-caam {
	position: absolute;
	bottom: 20px;
	right: 20px;
}


div#footer a.logo-exobi {
	display: block;
	background-image: url('/images/logo-exobi.png');
	position: absolute;
	right: 225px;
	top: 140px;
	background-repeat: no-repeat;
	width: 133px;
	height: 10px;
}


div#footer p#copyright {
	font-size: 84%;
	position: absolute;
	left: 20px;
	top: 137px;
	color: #E5E5E5;
}

div#footer-end {
	width: 1043px;
	height: 49px;	
	margin: 0px auto;
	margin-bottom: 40px;
}

/** END FOOTER AREA **/

div#customise_editpanel {
	display: none;
}

a.toggle_customise_edit_panel {
	display: none;
}

div.collapsable_box_editpanel {
	display: none;
}

ul.admin-links {
	font-size: 84% !important;
}

/** MESSAGEBOARD **/
#mb_input_wrapper .input_textarea {
	width:318px;
}

#messageboard_wrapper div.message_sender,
#messageboard_wrapper p
{
	vertical-align: top;
}

#postit {
	margin-top: 10px;
}
/** END MESSAGEBOARD **/

/** TIDYPICS **/

.river_image_create {
	background: transparent !important;
}

.album_widget_single_item {
	float: left;
	margin: 0px 10px 10px 0px;
}

/** END TIDYPICS **/

/** BROWSE **/

form#browse_form div {
	margin: 10px 0px;
}

/** END BROWSE **/

/** STATUS **/

div#status_message p {
	color: #444;
	font-style:	italic;
}

/** END STATUS **/


/** admin area **/
.manifest_file {
	display: none;
}

a.manifest_details {
	cursor:pointer;
	cursor:hand;
}

div.plugin_details {
	border-bottom: 1px dotted;
	padding: 10px 5px;
}

div.admin_plugin_reorder {
	float: right;
}

div.admin_plugin_enable_disable {
	float: right;
}

div.admin_plugin_reorder a,
div.admin_plugin_enable_disable a {
	padding: 0 5px;
}

div.plugin_details.active {
	background-color: #E7E7E7;
}

div.plugin_details.active h3 {
	font-weight: bold;
}

div.plugin_details.not-active {
	background-color: #f5f5f5;
}div.familymember{
	position: absolute;
	padding: 10px;
	width: 153px;
	height: 225px;
	overflow: hidden;
}

div#familymembers {
	position: relative;
	height: 700px;
	width: 685px;
}

div#family-layout-opts {
	display: none;
	height: 120px;
}

div#family-layout-opts a {
	padding: 0 20px 0 0;
}

div.family-list-icon {
	float: left;
	margin-right: 10px;
	width: 25px;
}

ul.family-everyone {
	margin: 0;
	padding: 0;
}

ul.family-everyone li {
	height: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.family_post {
	width: 600px;
}

div.family_post p {
	margin-left: 173px
}

div.family_post_icon {
	float: left;
	width: 173px;
}

p.family_post_icon img {
	width: 153px;
	margin: 0px 10px 10px 0px;
	background-color: #444;
	padding: 5px;
}

p {
	margin-bottom: 10px;
}

div.familymember img.avatar {
	width: 153px;
	height: 153px;
}blockquote {
    margin:10px;
    border:1px solid #efefef;
    padding:4px;
}

strong {
    font-weight:bold;
}

ul {
   list-style: disc;
}

ol {
  list-style: decimal;
}
#two_column_left_sidebar_maincontent #owner_block_content {
	margin:0 0 10px 0;
}

#groups_info_column_left p {
	margin:0 0 10px 0;
}

div#groups_icon_wrapper,
div#group_stats
{
	float: left
}

#group_stats {
	margin: 0px 0px 0px 10px;
}

#group_stats p {
	margin-bottom: 10px;
	width: 360px;
}

#group_stats p#description {
	margin-bottom: -1px !important;
}

#group_members {
	margin:10px;
}

.member_icon {
	margin:3px;
	float:left;
}


/* group forums overview page */
.forums_table_head {
    background: #4690d6;
    color:#ffffff;
    padding:4px;
}
.forums_table_topics {
    padding:4px;
    border-bottom:1px solid #cccccc;
}
.forums_table_topics h3 a {
	font-size: 1.3em;
}
.forum_access {
	font-size: small;	
}
.forums_table_topics p {
	margin:0px 0px 5px 0;
}

/* topics overview page */
#topic_titles {
    background: #003366;
    color:#ffffff;
    padding:4px;
    margin-top: 10px;
}

/* topic posts pages */
.post_icon {
    float:left;
    margin: 0px 10px 0px 0px;
}

.topic_post {
    margin:10px 0px;
}

.topic_post h2 {
    margin-bottom:20px;
}

.topic_post table, td {
    border:none;
}

.topic_post td {
    vertical-align: top;
}

.topic_title {
	font-size: 1.2em;
	line-height: 1.1em;
	margin:0;
	padding:0 0 4px 0;
}

#forum_topics {
	font-size: .8em;
}

.forum_topics {
    padding:0;
    margin:0;
    border-top:0;
}

/* alternating bckgnd on topics */
.forum_topics .odd {
	/*background-color: #DDF3FF;*/
	background-color: #e7e7e7;
	padding: 5px;
}
.forum_topics .even {
	/*background-color: #C1F0FF;*/
	background-color: #f5f5f5;
	padding: 5px;
}


/* group latest discussions widget */
#latest_discussion_widget {
	margin:0 0 20px 0;
}
.forum_latest {
	margin-bottom: 10px;
}
.forum_latest .topic_owner_icon {
	float:left;
}
.forum_latest .topic_title {
	margin-left:35px;
}
.forum_latest .topic_title p {
	font-size: 0.8em;
	line-height: 1.0em;
    padding:0;
    margin:0;
}

.forum_latest p.topic_replies {
    padding:3px 0 0 0;
    margin:0;
}

a.add_topic_button {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#4690d6;
	border: 2px solid #4690d6;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	/*
	width: auto;
	height: 25px;
	*/
	padding: 4px 6px 4px 6px;
	margin:0;
	cursor: pointer;
	display:table;
}
a.add_topic_button:hover {
	background: #0054a7;
	border: 2px solid #0054a7;
	text-decoration: none;
}

/* group files widget */
#filerepo_widget_layout {
	margin:0 0 20px 0;
}
/* group pages widget */
#group_pages_widget {
	margin:0 0 20px 0;
}

/* latest discussion listing */
p.latest_discussion_info {
	float:right;
	width:220px;
}

span.timestamp {
	color:#666666;
	font-size: 90%;
}





.blog_post {
	border-bottom-style: none;
}

.blog_post_icon {
	float:left;
	margin:3px 0 0 0;
	padding:0;
}

.blog_post h3 {
	margin-bottom: 5px;
}

.blog_post h3 a {
	text-decoration: none;
}

.blog_post p {
	margin: 0 0 5px 0;
}

.blog_post .strapline {
	margin: 0 0 0 35px;
	padding:0;
	line-height:1em;
}
.blog_post p.tags {
	background:transparent url(/images/icon-tag.png) no-repeat scroll left 2px;
	margin:0 0 0 35px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}
.blog_post .options {
	margin:0;
	padding:0;
}

.blog_post_body img[align="left"] {
	margin: 10px 10px 10px 0;
	float:left;
}
.blog_post_body img[align="right"] {
	margin: 10px 0 10px 10px;
	float:right;
}
.blog_post_body img {
	margin: 10px !important;
}

.blog-comments h3 {
	font-size: 150%;
	margin-bottom: 10px;
}
.blog-comment {
	margin-top: 10px;
	margin-bottom:20px;
	border-bottom: 1px solid #aaaaaa;
}
.blog-comment img {
	float:left;
	margin: 0 10px 0 0;
}
.blog-comment-menu {
	margin:0;
}
.blog-comment-byline {
	background: #dddddd;
	height:22px;
	padding-top:3px;
	margin:0;
}
.blog-comment-text {
	margin:5px 0 5px 0;
}

.blog_post_body {
	margin: 20px 0
}
#logbrowser_search_area {
	margin: 3px;
}

#logbrowserSearchform {

	padding: 20px;
	background-color: #dedede;

}

.log_entry {
	margin: 2px;
	width: 678px;
	font-size: 80%;
}
.log_entry td {
}

.log_entry_user {
	width: 120px;
	background-color: #eee;
}

.log_entry_time {
	width: 210px;
	background-color: #eee;
	padding:2px;
}

.log_entry_item {
	background-color: #eee;
	
}

.log_entry_action {
	width: 75px;
	background-color: #eee;
}<style type="text/css" media="screen">
	
*{}
/*-------------------------------
MESSAGING PLUGIN
-------------------------------*/
.actiontitle {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0;
}

#messages th {
	text-align: left;
	padding: 5px;
}

#messages td {
	text-align: left;
	vertical-align:middle;
	border-bottom: 1px dotted #d6dbd2;
	padding: 5px;
	background: #f5f5f5; 
}
#messages .message_notread td {
	background: #e7e7e7;
	border-bottom: 1px dotted #d6dbd2;
}
#messages .message_read td { 
	border-bottom: 1px dotted #d6dbd2;
}

#messages .delete_msg a {
	display:block;
	cursor: pointer;
	width:16px;
	height:16px;
	margin:0;
	background: url("/images/icon-delete.png") no-repeat right 0;
	text-indent: -9000px;
	float:right;
}
#messages .delete_msg a:hover {
/*	background-position: right -16px;*/
}
/* IE6 */
* html #messages .delete_msg a { background-position: right 4px; }
* html #messages .delete_msg a:hover { background-position: right 4px; } 

#messages .usericon {
	float: left;
	margin: 0 15px 0 0;
}

#messages .msgsender {
	color:#666666;
	line-height: 1em;
	margin:0;
	padding:0;
	float:left;
}
#messages .msgsender small {
	color:#AAAAAA;
}


#messages .msgsubject {
	font-size: 100%;
	line-height: 100%;
}

#messages .message_notread .msgsubject {
	font-weight:bold;
}

.messages_single_icon  {
	float: left;
}

.messages_single_icon .usericon {
	float: left;
	margin: 0 10px 10px 0;
}

/* view and reply to message view */
.message_body {
	margin-left: 120px;
}
.message_body .messagebody {
	padding:0;
	margin:10px 0 10px 0;
	font-size: 120%;
	border-bottom:1px dotted #cccccc;
}

/* drop down message reply form */
#message_reply_form {
	display:none;

}
/* when displaying original msg in reply view */
.previous_message {
    background:#efefef;
    border:1px dotted #ccc;
    padding:4px;
    margin:0 0 20px 0;
}
.previous_message p {
    padding:0;
    margin:0;
    font-size: 120%;
}

.new_messages_count {
	color:#666666;
}
/* tinyMCE container */
#message_tbl {
	width:609px !important;
}

div#messages_return {
	margin-bottom: 10px;
}

.clearfloat {
	clear: both;
}

#messageForm p {
	margin: 15px 0 !important;
}<style type="text/css" media="screen">

*{
	/*  */
	
}

/* status clear and cancel buttons */
#status_clear {
	margin: 10px 0;
}


/* current displayed status message */
#status_message p,
.widget_status_statusmessage p {
	height: 12px;
	color: #666666;
	padding: 4px;
	margin: 0 0 0 62px;
}

/* widget status box - input */
.widget_status_statusmessage {
	padding: 3px 0;
}
/* widget status box - time */
.widget_status_messagetimestamp {
	color: #999;
	font-size:0.9em;
}

#status_update_form {
	display:none;
	margin: 10px 0 10px 61px;
}

.status_input_form {
	border:0;
	background:transparent;
}

.status_input_form:focus {
	border: none;
	background:transparent;
	color:#333333;
}
/* textarea for writing new message */
#status_update_input {
	display:none;
	background:#e7e7e7;
	border-style: none;
	padding: 4px;
	height: 12px;
	width: 230px;
}


/* status messages history */

/* wraps each status msg */
#two_column_left_sidebar_maincontent .status_message {
	border-bottom: 1px dotted #aaaaaa;
	margin:7px 0;
	min-height: 15px;
	position: relative;
}
/* current status message */
#two_column_left_sidebar_maincontent .status_statusmessage p {
	margin:0;
	color:#666666;
	font-size: 1.5em;
	line-height: 1.1em;
}
/* previous status messages */
#two_column_left_sidebar_maincontent .status_statusmessage_history p {
	margin:0;
}
/* status message timestamp */
#two_column_left_sidebar_maincontent .widget_status_messagetimestamp p {
	margin:0;
	position: absolute;
	right: 0px;
	bottom: 0px;
}


/* friends status on 'friends' page */
.friends_status {
	float:right;
	width:370px;
	text-align:right;
	margin: 0 4px 0 0;
	padding:0;
}
.friends_status p {
	margin: 0;
	padding:0;
	line-height:1.1em;
}
.friends_status_message {
	height:29px;
	overflow:hidden;
}
.status_timestamp {
	color:#666666;
	margin:0;
	padding:0;
}
/* IE 6 fix */
* html .friends_status p { 
	line-height:1.3em;
}
* html .friends_status_message {
	height: 30px;
}
/* IE7 */
*:first-child+html .friends_status_message {
	height: 30px;
}
*:first-child+html .friends_status p { 
	line-height:1.3em;
}	/*  --- independent view for image/album SHARED --- */
	
#tidypics_title {
	font-size:1.2em;
	font-weight:bold;
}

div#pages_breadcrumbs {
	margin-bottom: 10px;
}

#tidypics_desc {
	margin-bottom: 10px;
}

#tidypics_info {
	margin-bottom: 10px;
}

#tidypics_info p {
	float: left;
	width: 170px;
	margin-right: 10px;
}

#tidypics_controls{
	margin-bottom:10px;
}

#tidypics_controls a{
	margin-right:10px;
}

#album_wrapper {
	margin: 10px 0px;
}

	/* independent album view only */

#album_wrapper a img
{
	width: 80px;
	height: 80px;
	margin: 0px 10px 10px 0px;
	float: left;
}

div.album_images {
	float: left;
	width: 90px;
	margin-right: 10px;
}

.album_images a:link img,
.album_images a:visited img
{
	width: 80px;
	height: 80px;
	border: 5px solid #1a1a1a;
	
}

.album_images a:hover img,
.album_images a:active img
{
	width: 80px;
	height: 80px;
	border: 5px solid #666666;
	
}

/* independent image view only */

img.image-full-view {
	padding: 20px;
	background-color: #1a1a1a;
	max-width: 548px;
	margin-bottom: 10px;
}

#image_full #image_nav {
	margin-bottom: 3px;
}

/*  --- albums gallery view --- */
a img.album_cover {
	margin: 0px 10px 3px 0px;
	width: 80px;
	height: 80px;
}

a:link img.album_cover,
a:visited img.album_cover
{
	border: 5px solid #1a1a1a;
}

a:hover img.album_cover,
a:active img.album_cover
{
	border: 5px solid #474747;
}


/* ------ album WIDGET VIEW ------  */

.album_widget_title{

}
.album_widget_timestamp {
	margin-bottom: 2px;
	font-size: .8em;
}
.collapsable_box #album_widget_layout {
	margin:0;
}

div.widget .album_images {
	margin-bottom: 10px;
}

div.widget .album_images a.img {
	display: block;
	height: 85px;
}

/* ---------  image upload/edit forms  ------------   */

#image_upload_list li{
	margin:3px 0;
}
.edit_image_container{
	padding:5px;
	margin:5px 0;
	overflow:auto;
}
.edit_images{
	float:right;
	width:160px; 
	height:160px;
	margin:0px 10px 10px 0px;
	padding:10px;
	background-color: #1a1a1a;	
}
.image_info{
	float:left;
	width:60%;
}
.image_info label{
	font-size:1em;
}
.edit_image {
	float:right;
	width:153px; 
	height:153px;
	margin:0px 10px 10px 0px;
	padding: 10px;
	background-color: #1a1a1a;
}

ol#image_upload_list {
	margin-left: 20px;
}

div.album_gallery_item {
	width: 98px;
}

/* ---------  tidypics river items ------------   */

.river_image_create {
	background: url(http://hapas.us/mod/tidypics/graphics/icons/river_icon_image.gif) no-repeat left -1px;
}
.river_album_create {
	background: url(http://hapas.us/mod/tidypics/graphics/icons/river_icon_album.gif) no-repeat left -1px;
}

.pagination {
	clear:both !important;
}
/*-------------------------------
STICKY_WIDGETS PLUGIN
-------------------------------*/
#widget_picker_gallery {
	border-top:1px solid #cccccc;
	background:white;
	width:210px;
	height:auto;
	padding:10px;
	overflow:scroll;
	overflow-x:hidden;
}

/*********************** JQuery UI Tabs **************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-group-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-group-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-group-nav, .ui-tabs-group-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-group-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-group-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-group-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-group-nav a, .ui-tabs-group-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px 5px;
    background: url(http://hapas.us/pg/statistics_etl/tabsimage) no-repeat;
    background-color: #c0c0c0;
}
.ui-tabs-group-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-group-nav a:link, .ui-tabs-group-nav a:visited {
    color: #0054A7;
}
.ui-tabs-group-nav .ui-tabs-group-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    /*margin-top: 0;*/
    background-position: 100% -23px;
    color: #fff;
}
.ui-tabs-group-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-group-nav .ui-tabs-group-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-group-nav .ui-tabs-group-selected a:link, .ui-tabs-group-nav .ui-tabs-group-selected a:visited,
.ui-tabs-group-nav .ui-tabs-group-disabled a:link, .ui-tabs-group-nav .ui-tabs-group-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-group-nav a:hover, .ui-tabs-group-nav a:focus, .ui-tabs-group-nav a:active,
.ui-tabs-group-nav .ui-tabs-group-unselect a:hover, .ui-tabs-group-nav .ui-tabs-group-unselect a:focus, .ui-tabs-group-nav .ui-tabs-group-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-group-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-group-nav .ui-tabs-group-disabled a:link, .ui-tabs-group-nav .ui-tabs-group-disabled a:visited {
    color: #000;
}
.ui-tabs-group-panel {
    border-top: 1px solid #c0c0c0;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-group-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-group-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-group-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

a#TB_closeWindowButton {
	color: #99CCFF;
}

a#TB_closeWindowButton:hover
{
	color: #7399BF;
}

a#TB_closeWindowButton:active
{
	color: #56738F;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/mod/kaltura_video/kaltura/images/trans_bg.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=.4);
	-moz-opacity: 1;
	opacity: 0.4;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#1a1a1a;
	background-image: url(/images/bg-owner_block_ul_a.png);
	color: #CCC;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
<style type="text/css" media="screen">
*{}	
div.clearer {
	clear: both;
}

/** PROFILE AREA **/

div#profile {
	width: 910px;
	margin: 0 19px 20px 0;
	padding: 10px;
}

div#profile a {
}

div#profile h2 {
	margin: 0 5px 0 5px;
	font-size: 200%;
}

div#profile h2 a {
	text-decoration: none;
	border-bottom: 0;
}

div#profile h3 {
	font-size: 117%;
	font-weight: bold;
	font-style: normal;
	color: #444;
	margin: 0px 0px 10px 0px;
}

div#profile h3#status {
	font-size: 117%;
	font-weight: normal;
	font-style: italic;
	color: #212121;
	margin: 10px 0 0 5px;
}

div#profile div.col {
	float: left;
}

div#profile div.one {
	width: 310px;
	margin: 0 10px 0 0;
}

div#profile div.two {
	width: 570px;
}

div#profile div.item h4 {
	margin: 0;
	font-size: 84%;
	font-weight: normal;
}

div#profile div.item span.data {
	display: block;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
}

div#profile div#avatar div.avatar_menu_button img {
	height: 100%;
}

div#profile div#avatar img.usericonimg {
	width: 290px;
	height: 290px;
}

div#profile div#avatar div.avatar_menu_button {
	width: 290px;
	display: block;
	height: 20px;
	bottom: auto;
	margin-top: 5px;
	position: relative;
}

div#profile div#actions {
	width: 288px;
}

div#profile div#actions ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 117%;
}

div#profile div#actions ul li {
	height: 20px;
}

div#profile div#actions ul li a {
	text-decoration: none;
	color: #336699;
	border-bottom: 1px dotted;
}

/** END PROFILE AREA **/

/** WIDGET LAYOUT **/

div#widgets-left {
	float: left;
	width: 340px;
	margin: 0 19px 20px 0;
}

div#widgets-right {
	float: left;
	width: 571px;
	margin: 0 0 20px 0;
}

/** END WIDGET LAYOUT **/

/** WIDGETS **/

div.widget-col div.widget {
	position: relative;
	padding: 10px;
	margin-bottom: 20px;
}
	
div.widget-col div.widget h2 {
	font-size: 200%;
	font-weight: normal;
	margin-top: 0;
}

div.widget-col div.widget h2 a.edit {
	position: relative;
	left: 10px;
}

div.widget-col div.widget span.see-all {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

div.widget div.single {
	width: 50px;
	height: 100px;
	float: left;
	margin: 0px 10px 0 0;
}

span.name {
	font-size: 83%;
	line-height: 120%;
}

/** Friends **/
div.widget-col div.friends {
	margin-bottom: 20px;
}

/** END Friends **/

/** Recent posts **/
div.widget-col div.recent-posts {
	margin-bottom: 20px;
}

div.widget-col div.recent-posts p,
div.widget-col div.recent-posts h4 {
	margin: 0 0 3px 0;
}

div.widget-col div.recent-posts div.single-blog-post{
	margin: 10px 0;
}

/** END Recent posts **/

/** Comments **/
div.widget-col div.comments {
	margin-bottom: 20px;
}

div.widget-col div.comments p,
div.widget-col div.comments h4 {
	margin: 0 0 3px 0;
}

div.widget-col div.comments div.single-blog-post {
	margin: 10px 0;
}

div.widget-col div.comments div#mb_input_wrapper {
	display: none;
}

div.widget-col div.comments div.message_sender {
	float: left;
	width: 30px;
	margin-right: 10px;
}

div.widget-col div.messageboard p {
	margin: 0px !important;
	width: 240px !important;
}

div.widget-col div.comments div.messageboard p small {
	font-size: 83%;
}

/** END Comments **/

/** Family **/

div.widget-col div.family a {
	border-bottom: 0;
}

/** END Family **/

/** Latest Video **/

div.widget-col div.latest-videos {
}

div.widget-col div.latest-videos p {
	margin-top: 0;
	line-height: 150%;
}
/** END Latest Video **/

/** Groups **/

div.widget-col div.groups div.single {
	margin: 0px 0px 10px 0px;
	float: none;
	width: auto;
	height: auto;
}

div.widget-col div.groups div.single div.groupicon {
	float: left;
	width: 50px;
	margin-right: 10px;
}

div.widget-col div.groups div.single div.groupicon img {
	width: 50px;
}

div.widget-col div.groups span.name {
	float: left;
}

div.widget-col div.groups span.name strong {
	font-size: 120%;
	font-weight: normal;
}

/** END Groups **/

/** Photo Albums **/

div.widget-col div.photo-albums {
	margin-bottom: 10px;
}

div.album_gallery_item {
	margin-bottom: 10px !important;
	float: left;
}

div.widget div.album_images {
	float: left;
	margin-right: 10px;
}

/** END Photo Albums **/

/** END WIDGETS **/

/** EDIT PROFILE **/

#profile_picture_croppingtool #user_avatar_preview {
	float: left;
	height: 100px;
	overflow: hidden;
	position: relative;
	width: 100px;
}<style type="text/css" media="screen">
*{}	
#video-list {
	margin-top: 10px;
}

#video-list a.play {
	display: block;
	float: left;
	width: 90px;
	height: 72px;
	margin-right: 10px;
	overflow: hidden;
	text-align: center;
}

#latest-video {
	float: left;
	width: 290px;
	margin-right: 10px;
}

#video-info {
	float: left;
	width: 190px;
}

#video-info h3 {
	margin: 0 0 8px 0;
	font-weight: normal;
	font-size: 150%;
}

#video-info h3 a {
	border-bottom: 0;
	padding: 0;
}

#video-info img.user-icon {
	float: left;
	margin-right: 10px;
}

#video-info p {
	line-height: 150%;
}

#video-info p.meta {
	float: left;
	line-height: 125%;
	font-weight: bold;
}

div#kaltura_container p.options {
	font-size: 10px !important;
}

div.kalturaviewer p.options {
	margin-top: 10px;
}

.kalturavideoitem a.submit_button, .kalturaviewer a.submit_button {
	padding-right: 10px;
}

.kalturavideoitem select, .kalturaviewer select {
	margin-left: 10px;
}

.kalturavideoitem input, .kalturaviewer input {
	margin-right: 5px;
}

div.hide {
	display: none;
}

div.kaltura_video_details p {
	margin-bottom: 10px;
}

div.kaltura_video_details input {
	margin-left: 0;
}

div.kalturaviewer div.text {
	margin: 10px 0;
	line-height: 150%;
}

div.kalturaviewer div.bigwidget {
	float: left;
	width: 410px;
	margin: 0px 10px 0px 0;
}

div.kalturaviewer p.strapline {
	margin: 0 0 10px 35px;
}

div.clear {
	clear: both;
}

.kalturaviewer p.tags {
	background:transparent url(/images/icon-tag.png) no-repeat scroll left 2px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}

.kalturaviewer .kaltura_video_rating {
	margin: 10px 0;
}

div.left {
	float: left;
	margin-right: 10px;
}

.kalturaviewer .post_icon {
	margin:0 10px 0 0;
	padding:0;
}

div.kalturavideoitem {
}

div.kaltura_thumb a {
	float: left;
	height: 80px;
	width: 120px;
	overflow: hidden;
	text-align: center;
}

div.kalturavideoitem h3 {
	margin-bottom: 0;
}

div.kaltura_container a.add {
	padding-right: 10px;
}

div#kaltura_descr {
	float: left;
	width: 168px;
}

div.kalturaviewer p {
	margin-bottom: 10px;
}

p.rating_image {
	height: 19px;
	line-height: 19px;
}

p.rating_image img {
	vertical-align: middle;
}

#video-list .single {
	width: 90px;
	height: 130px;
	overflow: hidden;
}

#custom-index #video-list .single {
	width: 88px;
}


html, body{ height:100%; }
/*-------------------------------- 
	Front end
---------------------------------*/
.kalturaHand { cursor: pointer; cursor: hand; }

.kalturaPager { text-align: center; }
input#kaltura_video_comment { margin-top: 0; }

/*-------------------------------- 
	Admin
---------------------------------*/

/* general for tabs */
.kalturaTab { padding: 15px; }
.kalturaUpdated { padding: 0.6em 1.6em; font-weight: bold; }
#kalturaBackLink { position: absolute; top: 55px; right: 10px;  }
a.kalturaLink { color: #006699; font-size: 14px; font-weight: bold; text-decoration: underline; }
a.kalturaLink:hover { color: #6699CC; }

/* create tab */
#kalturaCreateDiv { text-align: center; padding-top: 60px; }
#kalturaCreateDiv input { padding-right: 1.25em; padding-left: 1.25em; width: 14em; }

/* browse tab */
ul#kalturaBrowse { list-style: none; padding: 0 0 0 5px; margin: 0; }
ul#kalturaBrowse li { float: left; width: 180px; height: 175px; margin: 0 10px 15px 10px; padding: 10px 0 5px 0; text-align: center; background-color: #E1EAEF; border: solid 1px #AED3E3; }
ul#kalturaBrowse li div.thumbnail { height: 100px; line-height: 100px; }
ul#kalturaBrowse li .showName { line-height: 15px; height: 30px; font-size: 11px; font-weight: bold; color: #31302E; overflow: hidden; margin: 0 5px 0 5px; }
ul#kalturaBrowse li .submit { text-align: center; padding-top: 5px; }
ul#kalturaBrowse li input { font-size: 12px; }
ul#kalturaBrowse li input.sendButton { width: 9em; }
ul#kalturaBrowse.library { margin: 1em 0 0 0; padding: 0; }
ul#kalturaBrowse.library li { margin-left: 0; margin-right: 20px; }

/* edit & send tabs */
#kalturaEditTable { padding: 5px 0 0 5px; }
#kalturaEditTable fieldset { padding: 5px 5px 10px 5px; }
#kalturaEditTable fieldset legend { padding-bottom: 0px; }
#kalturaEditButtons { padding: 15px 5px; margin-left: 15px; border: 0; }
#kalturaEditButtons input { margin-right: 10px; }
#kalturaPlayerSizeText { padding: 5px 0 10px 5px; font-weight: bold; }
#kalturaEditTable .backDiv { text-align: right; }
#kalturaEditTable .playerName { position: absolute; margin: 5px 0 0 5px; font-size: 12px; width: 200px; font-weight: normal; color: #000; overflow: hidden; }


#kalturaCmsLogin { background-color: #E1EAEF; border: solid 1px #B4D5E5; margin: 5px 0 15px 0; }
#kalturaCmsLogin .kalturaFirstRow td { padding-top: 10px; }
#kalturaCmsLogin .kalturaFirstRow th { padding-top: 10px; }
#kalturaCmsLogin th { font-weight:normal; padding-left: 10px; }
#kalturaCmsLogin .kalturaLastRow td { padding-right: 10px; padding-bottom: 10px; }

fieldset.kalturaNoBorderFieldSet { border: 0; }
fieldset.kalturaNoBorderFieldSet legend label { font-weight: bold; }


form.kalturaForm { margin: 0; }

table.kalturaFormTable { border: solid 1px #AED3E3; }
table.kalturaFormTable td { border: 0; }

/*-------------------------------- 
	Modal Window
---------------------------------*/
#kalturaOverlay{ position: fixed; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; background:url("http://hapas.us/mod/kaltura_video/kaltura/images/trans_bg.png") 0 0 repeat; cursor: wait; }
* html #kalturaOverlay{ position: absolute; background:#000; filter: alpha(opacity=40); top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 'px'); }

.kalturaModal{ display:none; position:fixed; z-index:12; top:50%; left:50%; margin-left:-170px; width:340px; pading:10px; border: 4px solid #525252; background-color:#fff; }
* html .kalturaModal{ position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 'px'); }

div.kalturaModal #TB_iframeContent{
	margin-top: 0;
}


/*-------------------------------- 
	Contribution Wizard Modal Window
---------------------------------*/
* html .modalContributionWizard{ top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 200 + 'px'); } 

/*-------------------------------- 
	Simple Editor Modal Window
---------------------------------*/
* html .modalSimpleEditor{ top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 300 + 'px'); }
<style type="text/css" media="screen">
* {}
#custom-index {
   margin: 10px 20px 0px 0px;
}

#index-left {
    width:530px;
    float:left;
}

#index-right {
    width:380px;
    float:right;
}

div.videos {
	height: 505px;
}

#index_welcome {
	padding: 5px 20px;
	border: 1px solid silver;
	background: #FFF;
}

#index-right div.login {
	height: 251px;
}

.index-box {
	padding: 10px;
	margin: 0 0 20px 0;
	position: relative;
}

.index-box .see-more {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.index-box h2 {
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 22px;
}

.index-box .search_listing {
	padding:0;
	margin-bottom:3px;
}

.index-box .index_members {
	float:left;
	margin:0pt 5px 5px 0pt;
	width: 50px;
}

div#index-left div.activity {
	height: 500px;
	margin: auto auto 0px auto;
}

div#index-left div.activity div.pagination {
	display: none;
}

div#index-right div.welcome {
	font-size: 150%;
	height: 214px;
}

div#index-right div.welcome h2 {
	font-size: 12px;
	color: #fff;
}

div#index-right div.welcome p {
	line-height: 160%;
	color: #666;
}

div#index-right div.register {
	height: 500px;
	margin: auto auto 0px auto;
}

div#index-right div.register a.login {
	position: absolute;
	top: 31px;
	right: 122px;
}

div#index-right div#register-box {
	margin: auto;
	width: auto;
}

div.widget-col div.tools {
}

div.widget-col div.tools img.avatar {
	margin-right: 10px;
	float: left;
}

div.widget-col div.tools ul {
	list-style-type: none;
	float: left;
	margin-right: 20px;
}

div.widget-col div.tools ul li {
	height: 25px;
}

div.widget-col div.tools h2 a {
	display: none;
}

div.widget-col div.tools a {
	color: #336699;
}