@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFF;
	margin:0;
	padding:0;
}

form{
	margin:0;
	padding:0;
}

.main{
	width:990px;
	margin:0 auto;
}

.header{
	background:#5f6c8d;
}

img{
	border: none;
}

a{
	color:#5f6c8d;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.topLinks{
	display:block;
	width:400px;
	float:right;
	text-align:right;
	margin:5px 20px 0 0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.topLinksLine{
	color:#aeafb5;
	display:block;
	height:21px;
	background:url(/images/top-links-line-bg.png) bottom right no-repeat;
	padding-top:5px;
}

.topLinksLine a, topLinksLine a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.topLinksLoggedLine {
	color:#aeafb5;
	font-size:11px;
	font-weight:bold;
	display:block;
	height:21px;
	background:url(/images/top-links-line-bg.png) bottom right no-repeat;
	padding-top:5px;
}

.topLinksLoggedLine a, .topLinksLoggedLine a:hover{
	color:#FFF;
	text-decoration:none;
}
.topLinksLogoutLine a, .topLinksLogoutLine a:hover {
	color:#aeafb5;
}

.textOnly{
	background:#8389a1;
	height:18px;
}

.textOnly a, .textOnly a:hover {
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	padding:3px 0 0 50px;
	display:block;
}

.splashImg {
	
}

.welcomeBar{
	background:url(/images/welcomeBar.png) #b7c8f2 repeat-y;
	height:26px;
	padding:5px 0 2px 46px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	color:#FFF;
}

.welcomeMsg{
	width:550px;
}

.welcomeMsg a, .welcomeMsg a:hover {
	color:#FFF;
}

.welcomeStatus{
	width:340px;
	float:right;
	font-size:11px;
	color:#5f6c8d;
	margin:4px 20px 0 0;
}

.welcomeStatus a, .welcomeStatus a:hover {
	color:#5f6c8d;
	text-decoration:none;
}

.welcomeLink{
	
}

.welcomeCurrent{
	float:right;
}

.welcomeCurrent span{
	text-decoration:underline;
	float:none;
}

/* Content */

.mainContent{
	width:910px;
	margin:0 auto;

	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

/* Tabs */
.tabBar {
	background:url(/images/tabBar.png) repeat-x center bottom;
}

.tabBarRight{
	background:url(/images/tabBar.png) repeat-x center bottom;
	float:right;
}

.tabBarTbl {
	background:url(/images/tabBar.png) repeat-x center 0;
	margin:13px 0 0 0;
	height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000;
}

.tabBarTbl a{
	text-decoration:none;
	color:#5f6c8d;
}

.tabBarTbl td {
	text-align:center;
	padding:0;
}

.tActive{
	background: url(/images/tActive.png) repeat-x;
	height:23px;
}

.tInactive{
	background: url(/images/tInactive.png) repeat-x;
	height:23px;
}

/* End tabs */

.breadcrumbs {
	color:#000;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:40px;
	padding-top:0;
	text-align:left;
}
.breadcrumbs a, .breadcrumbs a:hover {
	font-size:10px;
	font-weight:bold;
	color:#5f6c8d;
	text-decoration:none;
}
.rightColumn{
	float:right;
	width:297px;
}

.leftColumn{
	width:600px;
	margin:0;
	padding:0;
	float: left;
}

.middleColumn {
	width:297px;
	float:right;
}

.leftContent {
	width:297px;
}

.wideContent {
	width:600px;
	overflow:auto;
}

.twoColumns {
	overflow:auto;
}

.smBoxTop {
	height:20px;
	background:url(/images/sm-box-top.png) no-repeat;
}

.smBox {
	background:url(/images/sm-box-bg.png) repeat-y;
	padding:0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
}

h1, h2 {
	font-size:14px;
	color:#8389a1;
	margin: 0;
	padding: 0;
}

h3{
	font-size:14px;
	margin: 0;
	padding: 0;
}

.smBoxTitle {
	font-size:14px;
	font-weight:bold;
	color:#8389a1;
	display:block;
	margin:0 0 10px 0;
}

.smBox a, .smBox a:hover {
	color:#5f6c8d;
	font-weight:bold;
	text-decoration:none;
}

.smBox #icon {
	margin:1px 4px 6px 0;
}

.smBoxHr{
	margin:15px 0 0 0;
}

.smBoxSep {
	margin:2px 0 6px 0;
	clear:both;
}

.smBoxMore{
	width:200px;
	margin:7px 0 0 0;
	padding:0 0 4px 0;
}

.smBoxRegMore{
	width:100px;
	margin:7px 0 0 0;
	padding:0 0 6px 0;
}

.smBoxReg{
	font-size:9px;
	clear:both;
}

.smBoxReg img{
	margin:0 2px 4px 0;
}

.smBoxReg div{
	float:right;
	text-align:right;
}

.smBoxReg a, .smBoxReg a:hover {
	color:#333333;
	text-decoration:underline;
}

.smBoxBtm {
	height:20px;
	background:url(/images/sm-box-btm.png) no-repeat;
}

.smBoxLine{
	width:100%;
	margin:0 0 7px;
}

.wideBoxTop {
	height:20px;
	background:url(/images/wide-box-top.png) no-repeat;
}

.wideBox {
	background:url(/images/wide-box-bg.png) repeat-y;
	padding:0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
	overflow:auto;
}

.wideBoxTitle {
	font-size:14px;
	font-weight:bold;
	color:#8389a1;
	display:block;
	margin:0 0 10px 0;
}

.wideBox #newsImg{
	margin:0 10px 4px 0;	
}

.wideBox a, .wideBox a:hover {
	color:#5f6c8d;
	font-weight:bold;
	text-decoration:none;
}

.wideBoxMore{
	font-weight:bold;
	color:#5f6c8d;
	width:400px;
	margin:7px 0 0 0;
	padding:6px 0;
}

.wideBoxBtm {
	height:20px;
	background:url(/images/wide-box-btm.png) no-repeat;
	clear:both;
}

.loginBox{
	background-color:#FFF;
	margin:0 0 10px 0;
	padding:10px;
	color:#606060;
	font-weight:bold;
	font-size:10px;
}

.loginBox form img {
	margin-left: 20px;
}

.loginBox input {
	border:1px solid #bbb;
	color:#888;
	width:120px;
	margin:0 0 4px 0;
	padding-left:4px;
	font-size:11px;
}

.loginPass a, .loginPass a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#888 !important;
}

.srchBoxTop {
	height:20px;
	background:url(/images/srch-box-top.png) no-repeat;
}

.srchBox {
	background:url(/images/srch-box-bg.png) repeat-y;
	padding:0 20px;
	color:#FFF;
}

.srchBoxTitle {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	display:block;
	margin:0 0 10px 0;
}

.srchBox a, .srchBox a:hover{
	color:#FFF;
}

.srchExpand a, .srchExpand a:hover {
	color:#5f6c8d;
	font-weight:normal;
	text-decoration:none;
}

.srchExpand img {
	margin:0 4px 0 0;	
}

.srchBoxBtm {
	height:20px;
	background:url(/images/srch-box-btm.png) no-repeat;
}


.todoBoxTop {
	height:20px;
	background:url(/images/todo-box-top.png) no-repeat;
}

.todoBox {
	background:url(/images/todo-box-bg.png) repeat-y;
	padding:0 20px;
	color:#FFF;
}

.todoBox ul {
	margin:0 0 0 20px;
	padding:0;
	list-style-image:url(/images/todo-li.png);
}

.todoBox ul li{
	padding:0 0 4px 0;
}

.todoBoxTitle {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	display:block;
	margin:0 0 10px 0;
}

.todoBox a, .todoBox a:hover{
	color:#FFF;
	text-decoration:none;
}

.todoBoxBtm {
	height:20px;
	background:url(/images/todo-box-btm.png) no-repeat;
}

.rsrcsBoxTop {
	height:20px;
	background:url(/images/rsrcs-box-top.png) no-repeat;
}

.rsrcsBox {
	background:url(/images/rsrcs-box-bg.png) repeat-y;
	padding:0 20px;
	color:#FFF;
}

.rsrcsBoxTitle {
	font-size:14px;
	font-weight:bold;
	color:#8389a1;
	display:block;
	margin:0 0 10px 0;
}

.rsrcsBox a, .rsrcsBox a:hover{
	color:#5f6c8d;
	text-decoration:none;
	padding:0 0 4px 0;
	display:block;
}

.rsrcsBoxBtm {
	height:20px;
	background:url(/images/rsrcs-box-btm.png) no-repeat;
}

.editBox{
	height:20px;
	margin:4px 0 0 0;
	float:right;
}

.galBox {
	padding:10px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
}

.galBox img {
	margin:0 10px 0 0;
	border:0;
}
#addgal{
	margin:0 0 -9px 0;
}

/* Recent */

.recentBoxTop {
	height:20px;
	background:url(/images/srch-box-top.png) no-repeat;
}

.recentBox {
	background:url(/images/srch-box-bg.png) repeat-y;
	padding:0 20px;
	color:#FFF;
}

.recentBoxTitle {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	display:block;
	margin:0 0 10px 0;
}

.recentBox a, .recentBox a:hover{
	color:#5f6c8d;
	font-weight:bold;
	text-decoration:none;
}

.recentBoxBtm {
	height:20px;
	background:url(/images/srch-box-btm.png) no-repeat;
}

.whiteBox {
	background-color:#FFFFFF;
	color:#606060;
	font-size:10px;
	font-weight:normal;
	padding:10px;
}

.whiteBox img {
	margin-right: 10px;
}

.whiteBoxMore{
	width:200px;
}

/* Edit Profile */

.editProfile {
	margin:20px 0 10px;
}

.editProfile form{
	margin:0;
	padding:0;
}

.editProfileInputs{
	width:780px;
	color:#333333;
}

.editProfileInputs h3{
	color: #5f6c8d;
	font-size: 13px;
}

.editProfileInputs label{
	width: 200px;
}

.editProfileLabels{
	text-align:right;
	width:200px;
	color:#5f6c8d;
	display:block;
	font-size:14px;
	font-weight:bold;
}

.profileBtn{

}

.profileAdd{
	float:right;
	margin:0 50px 0 0;
}


.profileHRB {
	margin:30px 0 30px 100px;
}

.profileHRM {
	margin:10px 0 10px 200px;
}

/* View Profile table*/

.profileTbl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.profileTbl td{
	height:18px;
	padding:0 10px;
}

.profileTblHeadDark{
	background-color:#bbc3d5;
	color:#5f6c8d;
	font-weight:bold;
}

.profileTblHeadLight{
	background-color:#d8dbe2;
	color:#5f6c8d;
	font-weight:bold;
}

.profileTblDark {
	background-color:#e1e4ec;
}

.profileTblLight {
	background-color:#eeeff2;
}

/* Edit profile tables */

.profileTblETop{
	background:url(/images/profile-table-top.png) no-repeat;
	height:20px;
	width:825px;
}

.profileTblEHead{
	background:url(/images/profile-table-b-bg.png) repeat-y;
	padding:0 20px;
	width:825px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	height: 20px;
}

.profileTblETitle{
	float:left;
	width:145px;	
}

.profileTblEBdy{
	background:url(/images/profile-table-w-bg.png) repeat-y;
	padding:20px;
	width:825px;
	font-size:11px;
	color:#7f7f7f;
}

.profileTblEBdy a, .profileTblEBdy a:hover {
	text-decoration:none;
	color:#5f6c8d;
	font-weight:bold;
}

.profileTblEBtm{
	background:url(/images/profile-table-btm.png) no-repeat;
	height:20px;
	width:825px;
}


/* Favorites */

.favLabels{
	width:39%;
	color:#5f6c8d;
	font-weight:bold;
}

.favValues {
	width:59%;
	float:right;
	text-align:right;
}

.profileDetailLeft{
	width:60%;
	font-weight:bold;
	color:#5f6c8d;
}

.profileDetailRight{
	width:40%;
	float:right;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	color:#5f6c8d;
}

.profileDetailRight img {
	margin:0 4px 5px 0;
}

.wideBoxStatus{
	font-weight:bold;
	color:#5f6c8d;
	width:500px;
	margin:7px 0 0 0;
}


/* Photos */

.photosRight img{
	margin:0 10px 10px 0;
}

/* Search */

.searchLeft{
	width:340px;
}

.searchRight{
	float:right;
	height:100px;
	width:520px;
}

.searchDefault {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

.searchResults ul{
	margin: 0;
	padding: 0;
}

.searchResults li{
	margin:0 0 10px 0;
	list-style: none;
}

.searchResults a, .searchResults a:hover {
	color:#5f6c8d;
}

.searchPageBoxTop {
	height:20px;
	background:url(/images/search-box-top.png) no-repeat;
}

.searchPageBox {
	background:url(/images/search-box-bg.png) repeat-y;
	padding:0 20px;
	color:#FFF;
}

.searchPageBox ul {
	margin:0 0 0 20px;
	padding:0;
	list-style-image:url(/images/todo-li.png);
}

.searchPageBox ul li{
	padding:0 0 4px 0;
}

.searchPageBoxTitle {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	display:block;
	margin:0 0 10px 0;
}

.searchPageBox a, .searchPageBox a:hover{
	color:#FFF;
	text-decoration:none;
}

.searchPageBoxBtm {
	height:20px;
	background:url(/images/search-box-btm.png) no-repeat;
}

.searchBox{
	background-color:#FFF;
	margin:0;
	padding:10px;
	color:#606060;
	font-size:10px;
}

.searchBoxHr{
	margin:10px 0 10px 0;
}


.searchBox form img {
	margin-left: 10px;
}

.searchBox label {
	color:#606060;
	font-weight:normal;
	width: 70px;
	margin-right: 5px;
}

.searchResultsTitle{
	color:#5f6c8d;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:20px 0 10px;
}

/* Inputs */

.input280 {
	width:280px;
	background:url(/images/input280.png) no-repeat;
	border:0;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input201 {
	width:201px;
	background:url(/images/input201.png) no-repeat;
	border:0;
	padding:4px;
	float:right;
	margin:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input60 {
	width:60px;
	background:url(/images/input60.png) no-repeat;
	border:0;
	padding:4px;
	float:right;
	margin:0 9px 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input45 {
	width:37px;
	background:url(/images/input45.png) no-repeat;
	border:0;
	padding:4px;
	margin:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input148 {
	width:140px;
	background:url(/images/input148.png) no-repeat;
	border:0;
	padding:4px;
	margin:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input348 {
	width:348px;
	display:block;
	background:url(/images/input348.png) no-repeat;
	border:0;
	padding:4px;
	margin:0 9px 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input348x75 {
	width:348px;
	height:72px;
	display:block;
	background:url(/images/input348x75.png) no-repeat;
	border:0;
	padding:4px;
	margin:0 9px 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input125 {
	width:125px;
	background:url(/images/input125.png) no-repeat;
	border:0;
	padding:4px;
	margin:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


.members-list{
	width: 195px;
	float: left;
	border: 1px solid #ededed;
	margin: 0 10px 10px 0;
	padding: 10px;
	height: 120px;
}

.members-list img{
	float: left;
	border: none;
	margin-right: 10px;
}



.filter{
	clear: both;
	margin: 10px 0;
}

/* News */

.newsLeft {
	width:509px;	
}

.newsRight {
	float:right;
	text-align:left;
	width:390px;
}

.newsBoxTop {
	background:url(/images/news-box-top.png) no-repeat;
	height:20px;
}

.newsBox {
	background:url(/images/news-box-bg.png) repeat-y;
	padding:0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.newsBoxBtm {
	background:url(/images/news-box-btm.png) no-repeat;
	height:20px;
}

.newsBoxTitle {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin:0 0 10px 0;
}

.newsBox a, .newsBox a:hover {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

.newsBox #icon {
	margin:1px 4px 6px 0;
}

.newsBoxHr{
	margin:0 0 10px 0;
}

.newsBoxHrS{
	margin:4px 0 6px 0;
}

.newsDate{
	float:right;
}

.newsHeadline {
	font-weight:bold;
}


/* Comments */

.commentBox {
	background:url(/images/news-box-bg.png) repeat-y;
	padding:0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.commentBoxTitle {
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#8389a1;
}

.comment{
	float:right;
	width:420px;
}

.comment a, comment a:hover {
	color:#333333;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}
.commentDate {
	font-style:italic;
	color:#333333;
}

.commentNav {
	color:#000;
}

.commentNav a, .commentNav a:hover {
	color:#333333;
	text-decoration:none;
	margin:0 4px 0 0;
}

.commentPage {
	margin:0 4px 0 0;
	text-decoration:underline;
}

.commentWrite {
	border:1px solid #000;

	margin-top: 30px;	
}

.commentWrite textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
	width:455px;
	height:60px;
	margin:5px;
}

.commentWrite img {
	float:right;
	margin:0 20px 0 0;
}

.recentNewsBoxTop {
	background:url(/images/recent-news-box-top.png) no-repeat;
	height:20px;
}

.recentNewsBox {
	background:url(/images/recent-news-box-bg.png) repeat-y;
	padding:0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.recentNewsBoxBtm {
	background:url(/images/recent-news-box-btm.png) no-repeat;
	height:20px;
}

.recentNewsBoxW {
	background:#FFF;
	padding:10px;
}

.recentNewsBoxW a, .recentNewsBoxW a:hover {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

.recentNewsBoxTitle {
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#FFF;
	margin:0 0 10px;
}

.recentNewsBoxLine {
	float:right;
}

/* Write news*/

.newsWriteBoxTop {
	background:url(/images/news-write-box-top.png) no-repeat;
	height:20px;
}

.newsWriteBox {
	background:url(/images/news-write-box-bg.png) repeat-y;
	padding:0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.newsWriteBoxBtm {
	background:url(/images/news-write-box-btm.png) no-repeat;
	height:20px;
}

.newsWriteBoxTitle {
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#8389a1;
	margin:0 0 10px;
}

.newsWriteBorder {
	border:1px solid #000;
	height:80px;
	vertical-align:middle;
	text-align:center;
}

.newsWriteBorderNH {
	border:1px solid #000;
	vertical-align:middle;
	text-align:center;
}

.newsWriteBorderNH textarea {
	width:348px;
	border:none;
}

.newsWriteBorderNH img {
	float:right;
}

.newsWriteBorder div {
	padding:35px;
}

.newsPhotoBtn {
	float:right;
}
.newsSubmitBtn {
	float:right;
	margin:10px 0 0 0;	
}

.newsWriteBoxUpload {
	margin:10px 0 0 0;
}

.news-list{
		width: 420px;
}

.galleriesBoxTop {
	background:url(/images/galleries-box-top.png) no-repeat;
	height:20px;
	padding: 0;
	margin: 0;
	font-size: 1px;
}

.galleriesBox {
	background:url(/images/galleries-box-bg.png) repeat-y;
	padding:0 20px 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	display: inline-block;
	min-height: 200px;
	width: 860px;

		
}

.galleriesBoxBtm {
	background:url(/images/galleries-box-btm.png) no-repeat;
	height:20px;
	font-size: 1px;
}

.galleriesBoxTitle{
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#8389a1;
	margin:0 0 10px 0;	
	width:500px;
}

.galleryThumb {
	width:160px;
	height:190px;
	padding:10px;
	background:#5f6c8e;
	color:#FFF;
	
}

.galleryThumb img{
	border: none;
}

.galleryAlbumTitle {
	margin-top:40px;
	font-weight:bold;
}

.galleryAlbumAuthor {
	clear: both;
}

.galleriesHolder {
	width:860px;
	clear:both;
	min-height:210px;
	margin: 10px 0 0 5px;
	display: block;
	float: left;
}

.galleriesHolder div{
	float:left;
	margin:0 15px 15px 15px;
}

.galleriesNav{
	margin:10px 0 0 0;
}

.galleriesNav div{
	float:right;
}

.galleriesNav a, .galleriesNav a:hover {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

.galleriesCreateRight {
	float:right;
	width:562px;

}

.galleriesCreateLeft {
	width:296px;
	float: left;
}

.galleriesCreateInputsR{
	float:right;
}

.input163 {
	width:155px;
	height:17px;
	background:url(/images/input163.png) no-repeat right;
	border:0;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 0 10px 0;
}

.input113, .input40, .input-profile {
	width:191px;
	height:19px;
	background:url(/images/field-bg.gif) repeat-x top left;
	border: 1px solid #B4B4B4;
	padding:4px 0 0 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 0;
}

.tarea113{
	background: #E7E7E7 url(/images/tarea-bg.gif) repeat-y top left;
	border: 1px solid #B4B4B4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.input-tarea{
	background: #E7E7E7 url(/images/tarea-bg.gif) repeat-y top left;
	border: 1px solid #B4B4B4;
	width: 488px;
	height: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:4px 0 0 3px;
	font-size: 12px;
	overflow: auto;
}

.input40{
	width: 40px;
}

.input-profile{
	width: 340px;
}



.input-upload {
	height:24px;
	background:url(/images/field-bg.gif) repeat-x top left;
	border: 1px solid #B4B4B4;
	padding:2px 0 0 3px;
}


.input163x164 {
	width:155px;
	height:156px;
	background:url(/images/input163x164.png) no-repeat left;
	border:0;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.galleriesArrow{
	width:43px;
	height:39px;
	background:url(/images/gallery/gallery-arrow.png) no-repeat;
	float:left;
}

.galleriesEdit{
	border:1px solid #cacaca;
	width:800px;
	min-height:300px;
	margin:0 0 0 0;
	padding:10px;
}

.galleriesEditLine{
	height: 50px;
	width: 800px;
	background: url(/images/list-bg.gif) no-repeat bottom;
}

.galleriesEditLine img{
	margin:0 10px 0;
}

.galleriesEditLine a, .galleriesEditLine a:hover  {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

.galleriesEditControls{
	float:right;
	margin: 10px 20px 0 0;
	width: 250px;
	text-align: right;
}

.galleriesEditControls a, .galleriesEditControls a:hover  {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.galleriesEditSave{
	float:right;
	margin:0 15px 0 0;
}

.content h1{
	color: #8389a1;
	font-size: 10px;
}

.rel{
	position: relative;
	min-height: 20px;
}

.cnarea {
	padding: 0;
	margin: 0;
}

.content-block{
	padding: 0;
	margin: 0;
}

.edit-button{
	display: block;
	width: 200px;
	height: 22px;
}

.edit-button a{
	color: #000;
	display: block;
	line-height: 22px;
	font-family: Arial;
	font-size: 12px;
}

.tell-a-friend{
	float: right;
	width: 300px;
}

.bold-blue{
	color:#5F6C8D;
	font-weight:bold;
}

.tell-field{
	background: #fff;
	border: 1px solid #bbb;
}

.feedback{
	float: right;
	width: 700px;
	line-height:40px;
	text-align: right;
	color:#5F6C8D;
	font-weight:bold;
	font-size: 10px;
}

.feedback a{
	color:#5F6C8D;
	font-weight:bold;
	text-decoration: none;
}

.home-location{
	clear: both;
	float: left;
	width: 900px;
}

.pagebar ul{
	margin: 10px 0 0 17px;
	padding: 0;
}

.pagebar ul li{
	float: left;
	list-style: none;
}

.pagebar ul li a {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#fff; 
	background:#9098AF; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	margin:2px;
}

.pagebar ul li a:hover {
	color:#fff; 
	background:#5F6C8E;
	border: 2px solid #3C4A6E;
	width:22px; 
	height:22px; 
	line-height:20px; 
}

.pagebar ul li span{
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#fff; 
	background:#5F6C8E; 
	text-align:center; 
	width:22px; 
	height:22px; 
	line-height:20px; 
	margin:2px;
	border: 2px solid #3C4A6E;
}

.paging-filters{
	margin: 10px 0 0 20px;
	padding: 0;
	clear: both;
	float: left;
	display: inline;
}

.paging-filters select{
	width: 180px;
	margin-right: 27px;
}

.galleriesMenu{
	float: right;
	width: 220px;
	margin-right: 10px;
}


.galleryControls{
	height: 20px;
}

div.thumb-holder{
	color: #5f6c8e;
	width:160px;
	height:240px;
	float: left;
	margin: 0 30px 10px 0;
	padding: 0 0 25px 0;
	line-height: 18px;
	display: inline;
}

div.thumb-holder a{ 
	color: #5f6c8e;
	font-weight: bold;
	text-decoration: none;
}

.add-gallery{
	margin: 0 0 10px 20px;
	width: 850px;
	float: left;
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 800px; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 40px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
#sortable li img{ margin-right: 10px;}


#loading{
	background: url(/img/loader.gif) no-repeat;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	display: none;
}

.messages-menu{
	background:#FFF;
	min-height: 100px;
	margin-top: 10px;
}

.messages-menu ul{
	margin: 5px 10px;
	list-style: none;
	padding: 0;
}

.messages-menu a{
	line-height: 24px;
	color: #5f6c8d;
	font-size: 12px;
	text-decoration: none;
	background: url(/images/sm-box-hr.png) no-repeat bottom left;
	display: block;
}

.messages-menu a:hover{
	color: #5f6c8d;
	text-decoration: underline;
}

.srchBox h3{
	margin: 0 0 0 0;
	font-size: 16px;
}

#msgs-compose{
	width: 572px;
	border: 1px solid #CCCFD9;
	padding: 13px;
	min-height: 400px;
	margin: 10px 0;
	float: left;
}

#msgs-compose .input-profile{
	width: 480px;
}

#msgs-compose label{
	width: 60px;
	font-weight: bold;
	color: #5F6C8D;
}

#msgs-compose p{
	background: url(/images/profileHRM.png) no-repeat bottom left;
	padding-bottom: 10px;
	margin: 10px 0;
}

#msgs-compose h3{
	text-align: center;
	color: #7dbb71;
	margin: 20px;
}

.error{
	color: #ff0000;
}

.msgs-controls{
	float: right;
	width: 240px;
	text-align: right;
}

.msgs-list{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.msgs-list li{
	background: url(/images/msgs-item.gif) no-repeat bottom left;
	display: block;
	height: 95px;
	width: 585px;
	position: relative;
}

.msgs-list li img{
	float: left;
	margin: 20px 20px 0 60px;
	width: 57px;
	height: 57px;
}

.msgs-list li h2{
	float: left;
	width: 200px;
	margin: 30px 20px 0 20px;
	font-size: 12px;
}

.msgs-list li em{
	float: left;
	width: 200px;
	margin: 0 20px 0 20px;
}

.msgs-list li h5{
	position: absolute;
	top: 30px;
	left: 350px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	width: 190px;
}

.msgs-list li span {
	position: absolute;
	top: 45px;
	left: 350px;
	width: 190px;
	display: block;
}

.msgs-list li input{
	position: absolute;
	top: 35px;
	right: 20px;
}

li.unread{
	background: url(/images/msgs-item-unread.gif) no-repeat bottom left;
}

.msg-sender{
	float: left;
	width: 220px;
}

.msg-sender img{
	margin: 10px 0 0 0px;
	width: 57px;
	height: 57px;
	float: left;
}

.msg-sender h2{
	float: left;
	width: 150px;
	margin: 20px 0 0 10px;
	font-size: 12px;
}

.msg-sender em{
	float: left;
	width: 150px;
	margin: 0 0 0 10px;
}

.msg-body{
	float: right;
	width: 320px;
	margin: 20px 0 0 0;
	background: #fafafb;
	padding: 10px;
	min-height: 400px;
}

.msg-body h1{
	margin: 0 0 20px 0;
}