body
{
    font-family: Arial;
    background: url(../images/bg.jpg) repeat-x;
    margin: 0;
    padding: 0;
    background-color: #eef7fe;
}

small
{
	font-size: 11px;
}

a.main, a.main_img, a.main:link, a.main_img:link, a.main:active, a.main_img:active
{
    font-family: Arial;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
    color: #FFFFFF;
}

a.main:hover, a.main_img:hover
{
    color: #00cfff;
}

a.main_img
{
	height: 14px;
	background: url(../images/main_arrow_dn.gif) no-repeat;
	background-position: right 2px;
}

a.main_img:hover
{
	height: 14px;
	background: url(../images/main_arrow_dn.gif) no-repeat;
	background-position: right -14px;
}


.sub, a.sub, a.sub:link
{
    font-family: Arial;
    font-weight: 400;
    font-size: 11px;
    text-decoration: none;
    color: #FFFFFF;
}

a.sub:hover
{
    color: #00cfff;
}
a.sub:active
{
   color: #00cfff;
}

a.left, a.left:link, a.left:hover, a.left:active
{
    font-family: Arial;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 22px;
    display:block;
}
a.left:hover
{
    color: #00cfff;
}

a.footer
{
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;
    color: #000000;
}
a.footer strong {
	font-weight: bold;
	font-size: 11px;
	}

a.footer:link
{
    text-decoration:none;
}
a.footer:hover
{
    text-decoration:underline;
}

a.callink
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}
a.callink:link
{
    text-decoration:none;
}
a.callink:hover
{
    text-decoration:underline;
}

a.homeevent
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    text-decoration:none;
}

a.homeevent:link
{
    text-decoration:none;
}

a.homeevent:hover
{
    text-decoration:underline;
}

.lt_gray_small
{
    font-family: Arial;
    font-size: 11px;
    color: #707070;
}

.bar_lnk
{
    font-family:Arial;
    font-size:11px;
    color:#000;
}

.lt_gray_large
{
    font-family: Arial;
    font-size: 12px;
    color: #707070;
}

.body_gray
{
    font-family: Arial;
    font-size: 11px;
    color: #707070;
}

.body_gray_bold
{
    font-family: Arial;
    font-size: 11px;
    color: #707070;
    font-weight: bold;
}

.body_black
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
}

.black_small
{
    font-family: Arial;
    font-size: 9px;
    color: #000000;
}


.white_heading
{
    font-family: Arial;
    font-weight: normal;
    font-size: 15px;
    color: #ffffff;
	margin-top: 10px;
}

.lt_blue_title
{
	background: url(../images/grey_bar.gif) repeat-x 0 bottom;
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    color: #00A7CC; /* was 00cfff */
	padding: 6px 0 6px 6px;
}

.lt_blue_title img
{
	margin-left: 6px;
	vertical-align: top;
}

.lt_blue_heading
{
    font-family: Arial;
    font-weight: normal;
    font-size: 15px;
    color: #00cfff;
	margin-top: 10px;
}

.greeting
{
    font-family: Arial;
    font-weight: normal;
    font-size: 15px;
    color: #FFFFFF;
	text-align: right;
}



.calendar
{
    font-family: Arial;
    font-size: 10px;
    color: #FFFFFF;
}

input.text
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

input.password
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

#search_go, #search
{
	font-family: Arial;
    font-size: 10px;
    color: #000000;
	border: 0;
	padding: 0;
	margin-top: 4px;
	vertical-align: top;
}

#search_go
{
	margin-left: 4px;
}

#search
{
	background-color: #ffffff;
	border: none;
	padding-top: 2px;
	height: 13px;
	width: 124px;
}

.mydiv {
    border-bottom: 1px dotted #ffffff;
    width:150px;
    padding-left:1px;
    padding-right:1px;
}

.data_entry
{
	font-size:11px;
}


.required
{
	color: #FF0000;
}

.status_success
{
	border: solid 1px #1779B8;
	background-color:#9ED6F9;
	color: #000;
	font-weight:bold;
	font-size:13px;
	width:571px;
	height:30px;
	vertical-align:middle;
	text-align:center;
}

.status_error
{
	border: solid 1px #FF0000;
	background-color:#FFF;
	color: #FF0000;
	font-weight:bold;
	font-size:13px;
	width:571px;
	height:30px;
	vertical-align:middle;
	text-align:center;
}

.status_dialog_success
{
	border: solid 1px #1779B8;
	background-color:#9ED6F9;
	color: #000;
	font-weight:bold;
	font-size:11px;
	width:100%;
	height:26px;
	vertical-align:middle;
	text-align:center;
}

.status_dialog_error
{
	border: solid 1px #FF0000;
	background-color:#FFF;
	color: #FF0000;
	font-weight:bold;
	font-size:11px;
	width:100%;
	height:26px;
	vertical-align:middle;
	text-align:center;
}

.status_success td, status_error td, .status_dialog_success, .status_dialog_error
{
	padding:2px;
}

.hide_warning
{
	color: #000000;
	font-weight: normal;
}

.show_warning
{
	color: #FF0000;
	font-weight: normal;
}

.field_spacer_vertical
{
    border: none;
    width: 1px;
    height: 6px;
}

.lt_black_title
{
    padding-right: 0px;
    padding-left: 6px;
    FONT-weight: bold;
    font-size: 16px;
    background: url(../images/grey_bar.gif) repeat-x 0px bottom;
    padding-bottom: 6px;
    color: #000000;
    padding-top: 6px;
    font-family: Arial
}

.lt_profile_hdr
{
	width: 255px;
	background: url(../images/grey_bar.gif) repeat-x 0 bottom;
	font-family: Arial;
	font-weight: normal;
	font-size:12px;
	color: #000;
	padding: 2px 2px 2px 4px;
	vertical-align: middle;
	text-align: left;
	cursor: pointer;
}

.rt_profile_hdr
{
	width: 26px;
	text-align: right;
	background: url(../images/grey_bar.gif) repeat-x 0 bottom;
	font-family: Arial;
	font-weight: normal;
	font-size:11px;
	color: #000;
	padding: 2px 8px 2px 0px;
}

.profile_content
{
	padding:10px 4px 4px 4px;
	font-size:11px;
}

/*	The yahoo styles are causing the tables not to pad.
	Instead of styling each cell, just assign the table to this class
	for a padding of the value below.
*/
.tbl_yahoo_override_p2 TD {
	padding:0px 2px;
}
.tbl_p8 TD {
	padding:0px 8px;
}
.tbl_p2 TD {
	padding:2px;
}
.tbl_p4_2 TD {
	padding:4px 2px;
}
.tbl_p4_8 TD {
	padding:4px 8px;
}


.label
{
	color: #909090;
	vertical-align: top;
}

.content_container
{
	background-color:#FFF;
	width:572px;
	height:460px;
	vertical-align:top;
}

.content_container a
{
	color:#000;
	text-decoration: none;
}

.content_container a:link
{
	text-decoration: none;
}

.content_container a:hover
{
	text-decoration:underline;
}

.content_container .column
{
	width:281px;
	vertical-align:top;
}


.content_container_lrg
{
	background-color:#FFF;
	width:736px;
	height:460px;
	vertical-align:top;
}

.content_container_lrg a
{
	color:#000;
	text-decoration: none;
}

.content_container_lrg a:link
{
	text-decoration: none;
}

.content_container_lrg a:hover
{
	text-decoration:underline;
}

.content_container_lrg .column
{
	width:281px;
	vertical-align:top;
}



.content_table
{
	background-color:#FFF;
	width: 572px;
	vertical-align: top;
	font-size:11px;
}


.content_table_lrg
{
	background-color:#FFF;
	width: 736px;
	vertical-align: top;
	font-size:11px;
}

#mainBodyTable {
	width: 973px;
	border: none;
	margin: 0;
	padding: 0;
}

.members_grid
{
	border: none;
    font-family: Arial;
    color: #000;
}

.members_grid td
{
	width:76px;
	padding:8px;
}

.members_grid a
{
    color:#000;
    text-decoration: none;
}

.members_scroll
{
	border: none;
	width: 100%;
	height: 480px;
	text-align: left;
	vertical-align: top;
	overflow-y: auto;
	overflow-x: none;
/*	scrollbar-arrow-color:#FFF;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-darkshadow-color: #00CFFF;
	scrollbar-track-color: #FFF;
	scrollbar-face-color: #00CFFF;
	scrollbar-3dlight-color:#00CFFF; */
}


#staticPageContent p {
		margin-bottom: 10px;
	}

#staticPageContent p.lt_blue_heading {
	margin-bottom: 4px;
	display: block;
	color: #00A7CC;
}

#staticPageContent ul {
	margin-left: 25px;
	}

#staticPageContent ul li {
	list-style-type: disc;
	list-style-position: outside;
	}

#rightAdBlock {}

#rightAdBlock a {
	margin: 0px;
	padding: 0px;
	}

#rightAdBlock .rightBanner {
	width: 125px;
	height: 125px;
	padding: 0;
	margin-bottom: 11px;
	}

.leftNavSeparator {
	display: block;
	height: 11px;
	margin: 0;
	width: 100%;
	background: url(../images/dotted_line.gif) repeat-x left center;
}

.welcomeNamed {
	display: block;
    color: #00cfff;
    margin-bottom: 4px;
    margin-top: 8px;
}

.greetingNav {
	display: block;
	margin-bottom: 3px;
}

.messageNav {
	display: block;
	}

.topNavRow {
	background: url(../images/top_right_mark.jpg) no-repeat right 0;
}

.topNavRow td {
	overflow: hidden;
	white-space: nowrap;
	}

/* Home */
.topNavRow td.navTD1 {
	width: 75px;
	}

/* My artCloud */
.topNavRow td.navTD2 {
	width: 115px;
	}

/* Friends */
.topNavRow td.navTD3 {
	width: 87px;
	}

/* Groups */
.topNavRow td.navTD4 {
	width: 86px;
	}

/* Invite */
.topNavRow td.navTD5 {
	width: 61px;
	}

/* Services */
.topNavRow td.navTD6 {
	width: 104px;
	}


.centerTableTL {
	background-image: url(../images/corner_topleft.gif);
	background-position: right 0;
	background-repeat: no-repeat;
	height: 19px;
	width: 20px;
}

.centerTableTR {
	background-image: url(../images/corner_topright.gif);
	background-position: left 0;
	background-repeat: no-repeat;
	height: 19px;
	width: 20px;
}

.scrollbar{ /* IE Only */
	overflow:auto;
/*	scrollbar-arrow-color:#FFF; 
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#FFF;
	scrollbar-darkshadow-color:#00CFFF;
	scrollbar-track-color:#FFF;	
	scrollbar-face-color:#00CFFF;
	scrollbar-3dlight-color:#00CFFF; */
}

.group_list
{
	 width:95%;
	 background-color:#EEE;
	 border:none;
}

.group_list td
{
	padding:8px;
}

.pager
{
	font-size:11px;
	color:#000;
}

.pager .on
{
	font-weight:bold;
}

.pager .off, .portfolio_pager .off
{
	font-weight:normal;
}

.portfolio_pager
{
	font-size:11px;
	color:#909090;
}

.portfolio_pager .on
{
	font-weight:bold;
	color:#00A7CC;
}

.rightLinksSeparator {
	color: #00CFFF;
}

a.top_right_links{
	font-size: 12px !important;
}