body {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 24px;
}

input, textarea
    {
        font-family: Arial, Verdana, Helvetic, Sans-Serif;
        font-size: 11px;
        font-weight: normal;
    }

label
{
	cursor: pointer;	
}

.vertical-align 
{
	vertical-align: 1px;
	.vertical-align: 4px;
}

.clear {
	clear: both;
}

.clear-bottom {
	clear: both;
	height: 1px;
}

.link-button {
	display: block;
	width: 208px;
	height: 19px;
	padding-top: 6px;
	font-weight: bold; 
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	margin-left: 15px;
}

.link-button2 {
	text-align: center;
	width: auto;
	padding: 3px;
	text-decoration:  none;
	font-weight: bold;
	font-size: 10px;
}

#wrapper {
	/*width: 877px;*/
	margin: 0 auto;
}

.wrapper-liquid
{
	width: 100%;
}

form {
	margin: 0;
	padding: 0;
}

.red {
	color: #FF0000;
}

a 
{
	text-decoration: underline;
	cursor: pointer;
}

a:visited {
	
}

a:hover {
	text-decoration: none;
}

a.link-button2 {
	padding: 3px 10px;
}

.secure-submit-button {
	font-size: 9px;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
	width: auto;
	overflow: visible;
}

.submit-button {
	font-size: 9px;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
	width: auto;
	overflow: visible;
}

/*.link-to-page {
	width:200px; 
	padding-left: 16px; 
	text-align:center; 
	margin-top:20px;
}*/

.link-to-page a, .link-to-page a:visited {
	cursor: pointer;
}

input.readonly, textarea.readonly {
	background: #fefefe;
	border: 1px solid thin #cccccc;
	padding-bottom: 2px;
	padding-top: 2px;
}

input.permalink, textarea.permalink 
{
	width: 580px;
}

.submit-abs {
	position: absolute;
	right: 0;
}

/*start\*/
* html .minwidth-top {
	border-left:780px solid #F1F1EA; 
}
/*end*/

.button-blue {
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	height: 17px;
	width: auto;
	text-decoration: none;
	line-height: 1.6em;
	background-repeat: repeat;
	margin: 0 auto;
	display: block;
}

.button-grey {
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	font-weight:bold;
	height:17px;
	width:auto;
	text-decoration:none;
	list-style-type:none;
	line-height:1.6em;
	background-repeat:repeat;
	margin:0 auto;
	display: block;	
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}




/*----------------------------General----------------------------*/


/*--------------------------------header--------------------------------*/

#photo-header-wrapper {
	background-image: url(//images.onlinephotofiler.com/header_wrapper_bkg.png);
	background-repeat: repeat-x;
	position: relative;
	height: 58px;
	margin: 0px auto 25px;
	padding-top: 5px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

.photo-header-wrapper-header {
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 24px;
	margin: 0;
	padding-left: 13px;
}

#secure-photo-header-wrapper {
	background-image: url(https://images.onlinephotofiler.com/header_wrapper_bkg.png);
	background-repeat: repeat-x;
	position: relative;
	height: 63px;
	margin: 0px auto 20px;
	padding-top: 5px;
	width: 100%;
}

.secure-photo-header-wrapper-header {
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 24px;
	margin: 0;
	padding-left: 13px;
}

.top-links2 {
	position: absolute;
	right: 0;
	top: 22px;
	text-align: right;
	margin-right: 10px;
	color: #000;
}

.top-links2 a, .top-links2 a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}

.top-links2 a:hover 
{
	color:#555555;
}

.top-links2 span {
	padding-left: 10px;
}

.top-links1 {
	top: 14px;
	text-align: left;
	color: #000;
	padding-top: 4px;
}

.top-links1 a, .top-links1 a:visited {
	text-decoration: none;
	color: #000;
}

.top-links1 a:hover 
{
	color:#555555;
}

.top-links1 span {
	padding-left: 10px;
}

#div-breadCrumbs
{
	padding-left: 23px;
	padding-top: 5px;
}

.top-links1 .create-gallery-container
{
	display: inline;
	padding-left: 10px;
}

.header-create-gallery-button-link,
.header-create-gallery-button-link img
{
	text-decoration: none;
	border-width: 0px;	
}

/*----------------------------end-header--------------------------------*/



/*---------------------------Navigation---------------------------------*/

/*holly hack\*/
* html .sub-nav li a:hover, .sub-nav2 li a:hover, .theme-tabs li a:hover {
	text-decoration: underline;
}
/*end*/

.edit-link {
	position: absolute; 
	bottom: 5px; 
	left: 248px;
}

.secure-sub-nav {
	width: 856px;
	height: 24px;
	margin: 0 auto;
	position:relative;
}

.sub-nav {
	width: 856px;
	height: 24px;
	margin: 0 auto;
	position:relative;
}

.sub-nav ul{
	margin:0 0px 0 8px;
	padding: 0;
	list-style: none;
	font-size: 11px;	
}

.sub-nav li {
	margin: 0 0px 0 0;
	padding: 0 15px 0 0px;
	background-repeat: no-repeat;
	float: left;
}

.sub-nav li.active {
	background-repeat: no-repeat;
}

.sub-nav li a, .sub-nav li a:visited, .sub-nav li span {
	display: block;
	float: left;
	padding: 5px 1px 0px 15px;
	text-align: center;
	white-space: nowrap;
	background-repeat: no-repeat;
	text-decoration: none;
	min-height: 18px; /* fixes FX/Mac issue */
	height: 18px;
	outline: none;
}

.sub-nav li.active a, .sub-nav li.active span {
	background-repeat: no-repeat;
}

.sub-nav li span {	
}

.sub-nav li:hover {
	background-position: 100% 0px;
	cursor: pointer;
}

.sub-nav ul li:hover a {
	background-position: 0 0px;
}

.sub-nav li.active:hover {
	background-position: 100% 0;
}

.sub-nav li.active:hover a {
	background-position: 0 0;
	text-decoration: underline;
}



	/*------------Sub nav2------------*/


.sub-nav2 {
	height: 24px;
	float: right;
	margin-right: 3px;
}

.sub-nav2 ul{
	margin:0;
	padding: 0;
	list-style: none;
	font-size: 11px;	
}

.sub-nav2 li {
	margin: 0 0px 0 0;
	padding: 0 15px 0 0px;
	background-repeat: no-repeat;
	float: left;
}

.sub-nav2 li.active {
	background-repeat: no-repeat;
}

.sub-nav2 li a, .sub-nav2 li a:visited, .sub-nav2 li span {
	display: block;
	float: left;
	padding: 5px 1px 0px 15px;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	min-height: 18px; 
	height: 18px;
	outline: none;
}

.sub-nav2 li.active a, .sub-nav2 li.active span {
	background-repeat: no-repeat;
}

.sub-nav2 li span {
}

.sub-nav2 li:hover {
	background-position: 100% 0px;
	cursor: pointer;
}

.sub-nav2 li:hover a {
	background-position: 0 0px;
}

.sub-nav2 li.active:hover {
	background-position: 100% -200px;
}

.sub-nav2 li.active:hover a {
	background-position: 0 0;
	text-decoration: underline;
}

/*-------------theme tabs-nav-------------*/

.theme-tabs {
	width: 856px;
	height: 24px;
	margin: 0 auto;
	position:relative;
}

.theme-tabs ul{
	margin:0 0px 0 3px;
	padding: 0;
	list-style: none;
	font-size: 11px;	
}

.theme-tabs li {
	margin: 0 0px 0 0;
	padding: 0 15px 0 0px;
	background-repeat: no-repeat;
	float: left;
}

.theme-tabs li.active {
	background-repeat: no-repeat;
}

.theme-tabs li a, .theme-tabs li a:visited, .theme-tabs li span {
	display: block;
	float: left;
	padding: 5px 1px 0px 15px;
	text-align: center;
	white-space: nowrap;
	background-repeat: no-repeat;
	text-decoration: none;
	min-height: 18px; /* fixes FX/Mac issue */
	height: 18px;
	outline: none;
}

.theme-tabs li.active a, .theme-tabs li.active span {
	background-repeat: no-repeat;
}

.theme-tabs li span {	
}

.theme-tabs li:hover {
	background-position: 100% 0px;
	
}

.theme-tabs ul li:hover a {
	background-position: 0 0px;
}

.theme-tabs li.active:hover {
	background-position: 100% 0;
}

.theme-tabs li.active:hover a {
	background-position: 0 0;
	text-decoration: underline;
}


/*---------------------------Navigation---------------------------------*/




/*------------------------------main------------------------------------*/

#main {
	background-repeat: repeat-y;
	width: 968px;
	margin: 0px auto;
	padding-bottom: 10px;
}

.main-top {
	background-repeat: no-repeat;
	width: 968px;
	height: 11px;
	padding: 0;
	margin: 0px auto;
}

* html .main-top {
	margin-bottom: -3px;
}

#main-admin {
	background-repeat: repeat-y;
	width: 877px;
	margin: 0px auto;
}

.main-top-admin{
	background-repeat: no-repeat;
	width: 877px;
	height: 11px;
	padding: 0;
	margin: 0px auto;
}

#secure-main-admin {
	background-repeat: repeat-y;
	width: 877px;
	margin: 0px auto;
}

.secure-main-top-admin{
	background-repeat: no-repeat;
	width: 877px;
	height: 11px;
	padding: 0;
	margin: 0px auto;
}
.secure-main-top-admin {
	background-repeat:no-repeat;
	height:11px;
	margin:0 auto;
	padding:0;
	width:877px;
}

/*holly-hack\*/
* html .main-top-admin {
	margin-bottom: -2px;
}
/*end hack*/

/*-------------admin-------------*/

.admin-inside {
	padding: 20px;
	min-height: 300px;
}

.login-box {
	width: 270px; 
	height: auto; 
	background-color: #F3F3F3; 
	margin: 80px auto; 
	border: 1px solid #cccccc; 
	padding: 5px 10px 0 10px ;
	text-align:left;
}

.login-box span {
	line-height: 20px
}

.small-titles {
	font-size: 14px;
	font-weight: bold
}

/*-------------admin-------------*/


/*-----------main inside---------*/

#photo-content {
	width: 760px;
	float: left;
	display: inline;
	/*margin-right: 15px;
	padding-left: 9px;*/
	height: auto;
}

#photo-content-editor {
	float: left;
	display: inline;
	height: auto;
	margin: -20px auto 0px;
	text-align: center;
	width: 414px;
}


/*------------------------------main------------------------------------*/



/*------------------------------sidebar---------------------------------*/

.sidebar-add-gallery
{
	margin-bottom: 10px;
	padding-right: 28px;
	text-align: right;
}

#sidebar {
	float: left;
	width: 200px;
	height: auto;
}

.sidebar-inside {
	margin-top: 10px;
}

.sidebar-search {
	margin-left: 15px;
}

#sidebar-list {
	margin: 9px 0 4px 15px;
}


#sidebar-list ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

.corner {
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#sidebar-list ul:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

#sidebar-list ul li {
	width: 208px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 0;
}

#sidebar-list ul div li input {
	float: left;
	margin-right: 3px;
	padding-top: 6px;
}

#sidebar-list ul div li img.left {
	float: left;
	margin-right: 3px;
	padding-top: 6px;
}

#sidebar-list ul div li a {
	padding: 4px;
	/*margin-left: 18px;*/
	display: inline;
	height: auto;
	float: left;
	width: 200px;
	display: block;
	text-decoration: none;
	font-size: 12px;
}

#sidebar-list ul li.activelink {
	height: auto;
	width: 225px;
	padding: 9px 4px 9px 4px;
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}

.activelink-bottom-corner {
	position:absolute;
	bottom: 0;
	left: 0; 
}

#sidebar-list ul li span {
	font-size: 10px;
}

#sidebar-list ul li a span {
	font-size: 10px;
}

.link-to-page {
	width:160px; 
	/*padding-left: 5px; */
	text-align:center; 
}
f
.tiny-link-to-page {
	width:160px; 
	padding-left: 4px; 
	text-align:center; 
	margin-top:7px;
}

.link-to-page a, .link-to-page a:visited, .tiny-link-to-page a, .tiny-link-to-page a:visited
{
	cursor: pointer;
}

#linkDisplay, #tinyLinkDisplay
{
	display:none; float: left;
}


/*---------------------------end--sidebar-------------------------------*/



/*---------------------Login dialog styles-----------------------*/

.loginMessage {
	color: Red;	
}

.loginPanel {
	width: 300px;
	padding: 20px;
	margin: 0 auto;
    background: #E6E6E6;
    color: #000;
    border: solid 1px silver;
}

.loginText {
	border: solid 1px silver;
}

/*---------------------Login dialog styles-----------------------*/



/*------------------Image crop control styles--------------------*/

.cropDirectionsText {
	font-size: 8pt;
	font-style: italic;
}

.cropTitleText {
	font-size: large;
	font-weight: bold;
}

/* Account Setup */
.accountSetupArea {
	width: 800px;
	text-align: left;
	margin: 0px auto;
}

/*-----------------------Textbox Watermark---------------------*/

.unwatermarked {
	height:18px;
	width:118px;
}

.watermarked {
	height:20px;
	width:120px;
	padding: 2px 0 0 2px;
	border:1px solid;
	background-color:#ffffff;
	color:gray;
}

.form-watermark
{
	font-style: italic;
	color: gray;
}
	

/*----------------------Textbox Watermark--------------------*/


.photoPanelOuter {
	background-color: #F3F3F3;
	width: 180px;
	height: auto;
	text-align:center;
	margin-top: 10px;
}
.photoPanelCompactOuter {
	background-color: #F3F3F3;
	width: 180px;
	height: 160px;
	text-align:center;
}
.photoLargePanelOuter {
	background-color: #F3F3F3;
	width: 530px;
	height: 630px;
}

.photoTitleLink {
	text-align: center;
	font-weight: bold;
	background-color: Transparent;
	text-decoration: none;	
	color: #000000;
	cursor: text;
}

a.photoTitleLink {
	text-align: center;
	font-weight: bold;
	background-color: Transparent;
	text-decoration: none;	
	color: #000000;
	cursor: text;
}

a:visited.photoTitleLink {
	color: #000000;
}

a:hover.photoTitleLink {
	color: #363636;
	background-color: #FFFFD3;
}

.photoTitleDescLink {
	text-align: center;
	font-weight:normal;
	background-color: Transparent;
	text-decoration: none;	
	color: #000000;
	cursor: text;
}

.photoLargeTitleDescLink {
	text-align: center;
	font-weight:normal;
	background-color: Transparent;
	text-decoration: none;	
	color: #363636;
	cursor: text;
}

a.photoTitleDescLink {
	text-align: center;
	font-weight:normal;
	background-color: Transparent;
	text-decoration: none;	
	color: #000000;
	cursor: text;
}

a.photoLargeTitleDescLink {
	text-align: center;
	font-weight:normal;
	background-color: Transparent;
	text-decoration: none;	
	color: #000000;
	cursor: text;
}

a:visited.photoTitleDescLink {
	color: #000000;
}

a:visited.photoLargeTitleDescLink {
	color: #000000;
}

a:hover.photoTitleDescLink {
	color: #363636;
	background-color: #FFFFD3;
}

a:hover.photoLargeTitleDescLink {
	color: #363636;
	background-color: #FFFFD3;
}

.photoTitleDescHelpText
{
	font-style: italic;	
}

.photoDragHandle {
	width: 188px; 
	text-align:center; 
	background-color:#cccccc; 
	height:18px;
	cursor:move;
	font-weight: bold;
	visibility:hidden;
}

.photoDragHandleOut {
	width: 188px; 
	text-align:center; 
	height:18px;
	cursor:move;
}
.imageDragHandle {
	cursor:move;
}
.photo-active {
	border: 1px dashed blue; 
}
.photoTitleTextTextbox {
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #363636;
	background-color: #FFFFD3;
	margin-left: -2px;
	margin-top: -3px;
	text-align: left;
}

.photoDescTextTextbox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #363636;
	background-color: #FFFFD3;
	border: inset 1px #ffffff;
}

.photoPanelSaveCancel {
	background-color: #F3F3F3;
}

	/*----------Error control styles---------*/
	
.errorPanelOuter {
	background-color: Red;
	width: 560px;	
}

.errorPanelTitle {
	padding: 3px 10px 2px 10px;
	color: White;
	font-weight: bold;
}

.errorPanelMessage {
	background-color: #E6E6E6;
	padding: 10px 10px 10px 10px; 
	border: solid 1px Red;
}

.infoPanelOuter 
{
	width: 560px;
}

.infoPanelMessage {
	background-color: #E6E6E6;
	padding: 10px 10px 10px 10px; 
	border: solid 1px Black;
}
	/*----------Error control styles---------*/

/* Styles for image switcher.  These have nothing to do with the photostore  */

.photostore-thumbnail {
	position: relative;
	width: 85px; 
	height: 80px; 
	display: inline;
	margin: 5px 5px 0 ; 
	float: left;
	font-size: 11px;
	text-align:center;
}
.photostore-thumbnail1 input {
	position: absolute;
	top: 3px;
	left: 3px;
}
.photostore-thumb-image {
	text-align:center;
	height: 122px;
	width: 85px;
	border: 1px solid #f3f3f3;
}

.photostore-thumbnail-photo {
	display:inline;
	float:left;
	font-size:11px;
	height:80px;
	margin:5px 5px 0;
	position:relative;
	text-align:center;
	width:85px;
}
.photostore-thumbnail {
	position: relative;
	width: 125px; 
	height: 155px; 
	display: inline;
	margin: 5px 0 0 5px;  
	float: left;
	font-size: 9px;
	text-align:center;
}
.photostore-thumbnail-image {
	text-align:center;
	height: 100px;
	width: 125px;
	border: 1px solid #f3f3f3;
}

.manage-thumbnail-image 
{
	height:70px;
	width:90px;
}
.manage-thumbnail-video 
{
}

.photostore-small {
	position: relative;
	width: 100px; 
	height: 155px; 
	display: inline;
	margin: 5px 0 0 5px;  
	float: left;
	font-size: 9px;
	text-align:center;
}
.photostore-small-image {
	text-align:center;
	height: 100px;
	width: 100px;
	border: 1px solid #f3f3f3;
}

.manage-small-video 
{
	height:60px;
	width:60px;
}

.manage-small-image
{
}

.photostore-thumb-image:hover,
.photostore-small-image:hover,
.photostore-large-image:hover
{
	border: 1px solid #0077A2; 
}
.photostore-thumb-image img,
.photostore-small-image img,
.photostore-large-image img
{
	border: none;
}
.photostore-small1 input {
	position: absolute;
	top: 5px;
	left: 5px;
}
.photostore-large {
	position: relative;
	width: 188px; 
	height: 230px; 
	display: inline;
	margin: 5px 0 0 5px;  
	float: left;
	font-size: 11px;
	text-align:center;
}
.photostore-large-image {
	text-align:center;
	height: 190px;
	width: 190px;
	border: 1px solid #f3f3f3;
}

.manage-large-video 
{
	height:100px;
	width:100px;
}

.manage-large-image
{
	height:134px;
	width:172px;
}

.photostore-large1 input {
	position: absolute;
	top: 8px;
	left: 8px;
}


.headerBar {
	height: 65px;	
}

.headerBarTitle {
	width: 610px;
	font-family: Georgia,'Times New Roman',Times,serif;
	font-weight: normal;
	font-size: 24px;
}

.headerBarLinks {
	width: 110px;
	font-size: 12px;
}

/*---------------------------Main Owner Bar----------------------------*/

.ownerBar {
	border-width: 0;
	width: 877px;
}

.ownerBarLeftHeader {	
	width: 10px;
	height: 64px;
}

.ownerBarLogoCell {
	width: 148px;
	height: 64px;
}

.ownerBarDividerCell {
	width: 39px;
	height: 64px;
}

.ownerBarMiddle {	
	height: 64px;
	background-repeat: repeat-x; 
}

.ownerBarRightHeader {
	width: 10px;
	height: 64px;
}

.ownerBarAppTitleTable {
	border-width: 0;
	height: 64px;
	width: 100%;
	vertical-align: middle;
}

.ownerBarMenuHeading {
	padding-top: 0;
	vertical-align: top;
}

.ownerBarMenu {
	padding-top: 0;
	margin-top: 0;
	border-width: 0;
}

.ownerBarMenuImage {
	vertical-align: top;
}

.ownerMenuBackground {
	border: 1px solid #000000;
	height: 21px;
	background-repeat: repeat-x;
	text-align: left;
	background-position:center;
}

/*---------------------------Main Owner Bar----------------------------*/



/*---------------------------Thumbnails Tab----------------------------*/

.edit-thumbnails {
	width: 576px; 
	margin: 0 auto;
}

.edit-delete-top {
    padding: 10px; 
    text-align: center; 
    width: 705px;
    margin: 0px 10px;
    background-color: #dfdfdf;
}

.gallery-add-photos
{
	float: left;
	margin-right: 10px;
	line-height: 2;
}
.gallery-manage-photos
{
	float: right;
	line-height: 2;
}

.gallery-help
{
	float:right;
	text-align: left;
	width: 215px;
	line-height: 1.25;
}

.other-info
{
	float: left;
	margin-right: 10px;
	line-height: 1.25;
}

.photofeedinfo {
    padding: 10px; 
    text-align: left; 
    width: 715px; 
    margin: 0px 10px;
    width: 705px;
}

.feed-info
{
	float: left;
	width: 250px;
}

.view-live-album 
{
	float: right;
	font-size: 11px;
}

.thumbnails {
	padding-top: 4px;
	padding-right:2px;
	width: 274px;
	float: left;
	height: 45px;
	overflow:hidden;
}

.thumbnails a img {

}

.thumbnails p {
	padding: 0; 
	margin:0; 
	float: left;
}

.photo-thumbnails {
	width: 180px;
	height: 270px;
	display: inline;
	margin: 5px 0 0 5px; 
	background-color: #f3f3f3; 
	float: left;
	font-size: 11px;
}
.photo-thumbnails-compact {
	width: 180px;
	height: 160px; 
	display: inline;
	margin: 5px 0 0 5px; 
	background-color: #f3f3f3; 
	float: left;
	font-size: 11px;
}
.edit-delete-paginator {
    position: relative; 
    height: 30px; 
    width: 580px; 
    margin: 0 auto;
}

/*-----------------------------Thumbnails Tab------------------------------*/


/*-----------------------------Filmstrip Tab-------------------------------*/

.filmstrip {
   width: 591px;
   height: auto;
   margin: 0px auto;
}

.film-links {
   padding-right: 15px;
   cursor:pointer;
}

.filmstrip-photo {
   width: 500px; 
   margin:20px auto 0 auto;
   position: relative;
}

.filmstrip-title {
   height: auto !important;
}

.filmstrip-title h1 {
   font-size: 16px;
   margin: 5px 0 0 0;
   padding: 0;
   text-align: center;
}

.filmstrip-caption {
   font-size: 12px;
   height: auto !important;
   margin: 5px 0 7px 0 ; 
   line-height: 17px;
}

.filmstrip-caption span 
{
	font-size: 11px;
}

.filmstrip-caption p {
   padding: 0;
   margin: 0;
}

.filmstrip-tags-box {
   padding: 7px 0 7px 0px;
   font-size: 10px;
   margin-bottom: 7px;
   color: #999999;
}

.filmstrip-tags-box td
{
	padding-left: 0;
}

.filmstrip-tags-box a{
   color: #999999;
}

.filmstrip-tags-box span {
	font-weight: bold;
	color: #999999;
}

.filmstrip-date-added {
	font-size: 10px;
	color: #999999;
	margin-bottom: 10px;
}

.filmstrip-bottom {
	width: 591px; 
	height: 44px; 
	background-position: bottom; 
	background-repeat: no-repeat;
}

.filmstrip-photo .next {
    position: absolute;
    top: 140px;
    right: -32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(//images.onlinephotofiler.com/next_horizontal.png) no-repeat 0 0;
}

.filmstrip-photo .next:hover {
    background-position: -32px 0;
}

.filmstrip-photo .next:active {
    background-position: -64px 0;
}

.filmstrip-photo .next.disabled,
.filmstrip-photo .next.disabled:hover,
.filmstrip-photo .next.disabled:active {
    cursor: default;
    background-position: -96px 0;
}

.filmstrip-photo .prev {
    position: absolute;
    top: 140px;
    left: -36px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(//images.onlinephotofiler.com/prev_horizontal.png) no-repeat 0 0;
}

.filmstrip-photo .prev:hover {
    background-position: -32px 0;
}

.filmstrip-photo .prev:active {
    background-position: -64px 0;
}

.filmstrip-photo .prev.disabled,
.filmstrip-photo .prev.disabled:hover,
.filmstrip-photo .prev.disabled:active {
    cursor: default;
    background-position: -96px 0;
}

.filmstrip-edit-photo-img
{
	cursor: pointer;
}
/*-----------------------------Filmstrip Tab-------------------------------*/

/*-----------------------------Full Screen Slideshow/Photo-----------------*/
.filmstrip-full-screen-icon
{
	cursor: pointer;
	padding-right: 3px;
	vertical-align: middle;
}

.filmstrip-full-screen-icon.photo
{
	padding-left: 10px;	
}

.filmstrip-full-screen-icon.slideshow
{	
}

.full-screen-menu {
    float: left;
    /*height: 24px;*/
    margin: 0 auto;
    position: relative;
    z-index: 999;
}

.full-screen-menu ul{
    margin:0px; 
    padding: 0;
    list-style: none;
    font-size: 12px;
    height: 27px;   
    /*min-width: 782px;*/
    float: left; /*afterthought*/
}

.full-screen-menu ul li {
    float: left;
    position: relative;
    background-image: url(//images.onlinephotofiler.com/menu-side-borders.gif);
    background-repeat: no-repeat;
    background-position: right 6px;
    vertical-align: middle;
}

.full-screen-menu ul li.last {
    background-image: none;
}

.full-screen-menu ul li.activelink {
    background-repeat: no-repeat;
    font-weight: bold;
}

.full-screen-menu ul li.activelink ul li a,
.full-screen-menu ul li.activelink ul li a:link,
.full-screen-menu ul li.activelink ul li a:visited {
    background-repeat: no-repeat;
    font-weight: normal !important;
    
}

.full-screen-menu ul li a,
.full-screen-menu ul li a:link,
.full-screen-menu ul li a:visited,
.full-screen-menu ul li a:hover {
    display: block;
    padding: 7px 15px 9px;
    color: #000;
    text-decoration: none;
}

.full-screen-menu ul li a img,
.full-screen-menu ul li a:link img,
.full-screen-menu ul li a:visited img,
.full-screen-menu ul li a:hover img {
    border: none;
    vertical-align: middle;
    font-size: 0;
    line-height: 0px;
}

.full-screen-menu ul li ul {
    position: absolute;
    left: -999em;
    border-right: 1px solid #c9c9c9;
    width: 172px;
    margin:  0;
    height: auto !important;
    height: 1%;
    padding: 0;
    min-width: 0;
    float: none;
    background-color: #ffffff;
    .margin-top: -3px;
}

.full-screen-menu ul li ul li {
    background-image: none;
    border-bottom: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    height: 1%;
}

.full-screen-menu ul li ul li a,
.full-screen-menu ul li ul li a:link,
.full-screen-menu ul li ul li a:visited {
    height: auto !important;
    text-align: left;
    display: block;
    background-image: none !important;
    padding: 5px 6px 5px 10px;
    width: 155px;
    background-color: #ffffff;
    border-bottom: 1px dashed #c9c9c9 !important;
    border-left: 1px solid #c9c9c9 !important;
    min-height: 0;
    white-space: normal;
    line-height: 17px;
}

.full-screen-menu ul li ul li.last-nav-item a,
.full-screen-menu ul li ul li.last-nav-item a:link,
.full-screen-menu ul li ul li.last-nav-item a:visited {
    border-bottom: 1px solid #c9c9c9 !important;
}

.full-screen-menu ul li ul li.first-nav-item {
    /*border-top: 1px solid #c9c9c9;*/
}

.full-screen-menu ul li ul li a:hover {
    background-color: #f5f5f5 !important;
}

.full-screen-menu ul li:hover ul, 
.full-screen-menu ul li.sfhover ul {
    left: auto;
}

.full-screen-menu ul li ul li:hover,
.full-screen-menu ul li ul li.sfhover {
    border-bottom: none;
}
/*-----------------------------Full Screen Slideshow/Photo-----------------*/


/*------------------------------Organize tab-------------------------------*/

.organize {
	position: relative;
	z-index: 0;
	text-align: center;
	vertical-align: middle;
	cursor: move;
	margin: 2px;
	border: 3px double #cccccc;
}

.organizehover {
    border-color:blue;
    border-width: 3px;
    border-style:solid;
}

.photoUnSelected
{
	position: relative;
	z-index: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	margin: 2px;
	border: 3px double #cccccc; 
}
.photoUnSelectedhover {
    border-color:blue;
    border-width: 3px;
    border-style:solid;
}

.photoSelected {
	position: relative;
	z-index: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	margin: 2px;
}

/*------------------------------Organize tab-------------------------------*/



/*--------------------------------footer-----------------------------------*/

.footer {
	width: 968px;
	height: 12px;
	background-repeat:no-repeat;
	clear: both;
	margin: 0px auto 20px;	
}

.footer-admin {
	width: 877px;
	height: 12px;
	background-repeat:no-repeat;
	clear: both;
	margin: 0px auto 20px;
}

.secure-footer-admin {
	width: 877px;
	height: 12px;
	background-repeat:no-repeat;
	clear: both;
	margin: 0px auto 20px;
}
/*-------------------------------end-footer-------------------------------*/

.theme-box {
	width:780px;
	height: 140px; 
	margin: 0 auto; 
	overflow: auto; 
	white-space: nowrap;
	padding:0px 20px;
	border: 1px solid #ccc;
	clear: both;
}

.theme-box img {
	margin-top: 10px;
	margin-right: 20px;
	position: static;
}

.login-box {
    width: 270px; 
    height: auto; 
    background-color: #F3F3F3; 
    margin: 80px auto; 
    border: 1px solid #cccccc; 
    padding: 5px 10px 0 10px ;
	text-align:left;
}

.login-box span {
    line-height: 20px
}



.suggestionTitleBar {
    font-size: 11pt;
    color:Black;
    background-color: #F5F5F5;
    border-color:#C9C9C9;
    border-width:thin;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.suggestionBody {
    font-size: 9pt;
    color: Black;
    background-color: White;
    border-color:#C9C9C9;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.suggestionSideTable {
    font-size: 9pt;
    color: Black;
    background-color: #FFFFE7;
    border-color:#D4BF00;
    border-style:inset;
    border-width:thin;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}






/*	Photo editor sidebar images	*/

.img4x6LandscapeActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img4x6LandscapeInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img5x7LandscapeActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img5x7LandscapeInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img8x10LandscapeActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img8x10LandscapeInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img4x12LandscapeActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img4x12LandscapeInactive {	
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img4x6PortraitActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img4x6PortraitInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img5x7PortraitActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img5x7PortraitInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img8x10PortraitActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img8x10PortraitInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img4x12PortraitActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.img4x12PortraitInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.LandscapeActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.LandscapeInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.PortraitActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.PortraitInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.imgfreeformPortraitActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.imgfreeformPortraitInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.imgfreeformLandscapeActive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.imgfreeformLandscapeInactive {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 62px;
}

.disabledLink, .disabledLink:hover, .disabledLink:visited
{
	color: #999;
	text-decoration : none;
	cursor: default;
}

/*Modal Popup*/
.modalBackground {
	background-color:#aaa;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity: 0.5;
}

.shirt-style 
{
	margin: 0 auto;
	width: 650px;
	background-color: #ffffff;
	border:1px solid #cccccc;
	margin-top: 20px;
	padding-bottom: 20px;
}

.right-space 
{
	padding-right: 20px;
}

.left-space 
{
	padding-left: 20px;
}


.dropdownMenu
{
   border: 1px solid #000000;
}
.dropdownMenuItem
{
	padding: 5px 4px;
	margin:  0 0 -2px 0;
    border: 1px solid #c0c0c0;
}

.list-add 
{
	/*margin-left: 10px;*/
	padding-top: 2px;
	display: inline;
}

.list-minus 
{
	/*margin-left: 10px;*/
	padding-top: 2px;
	display: inline;
	padding-bottom: 2px;
}

#sidebar
{
	width: 200px; 
	height: auto; 
	margin: 0px 0px 0px 10px;
}

.store-main-top {
	background-color: #ebebeb;
	height: 25px;
	font-size: 11px;
	padding: 10px 10px 0 10px;
	/*letter-spacing: .04em;*/
}
	.select {
		float: left;
	}
	
	.size {
		float: right;
	}

 .montage_player 
{
	width: 500px;
	height: 335px;
	z-index:10;
	margin: 0 auto;
}
  
   .callItems {
	position:absolute;
	border:thin;
	top:0px;
	left:0px;
	width:150px;
	height:80px;/*68px for height*/
	z-index:39;
	background-color:Purple;
	}
	.flashlayer {
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:1px;/*68px for height*/
	z-index:9999;
	background-color:#ccc;
}

.montage-links-top 
{
	padding: 0;
	list-style-type: none;
	margin: 5px auto;
	height: auto !important;
	height: 1%;
	text-align: center;
}

.montage-links-top:after 
{
	content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.montage-links-top li a {
	float: left;
	margin-right: 10px;
}

.montage-links-top li a.create-montage {
	float: right;
	margin-right: 0px;
}


/*----------------------------------------------------------------
        
         Site Builder Business Edition styles
        
-----------------------------------------------------------------*/

/*-------------------------------------
            General Styles
--------------------------------------*/
.clear-fix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.main-container {
    min-width: 980px;
    /*border-bottom: 1px solid #c9c9c9;*/
    height: auto !important;
    height: 1%;    
}

/*-------------------------------------
            General Styles
--------------------------------------*/
/*------------------------------------
        Admin Header
------------------------------------*/
.logo-header-container {
    background-color: #000000;
    height: 26px;
    font-family:Arial,Verdana,Sans-Serif;
	line-height:1;
}

.logo-header-container p {
    margin: 0;
    padding: 0;
}

.logo {
    float: left;
    padding-right: 23px;
    padding-left: 15px;
}

.logo-header-container a,
.logo-header-container a:link,
.logo-header-container a:visited,
.menu-header a,
.menu-header a:link,
.menu-header a:visited {
    color: #a9caf3;
}

.smart-domain-logo {
    float: left;
}

.menu-header {
    background-image: url(//images.onlinephotofiler.com/header-menu-bg.gif);
    background-repeat: repeat-x;
    height: 36px;
    font-size: 11px;
    color: #ffffff;
    min-width: 980px;
}

.admin-header h1 {
    float: left;
    font-size: 20px;
    font-weight: normal;
    font-family: arial, verdana, Helvetica, sans-serif;
    padding: 15px 0 0 20px;
    color: #fbab1e;
}

.top-bar {
    float: right; 
    color: #ffffff; 
    font-size: 11px; 
    padding: 6px 10px 0 0;
}

.top-bar p {
    float: left; 
    margin-left: 25px;
    display: inline;
}

/*-------------------------------------
  Login and New Features and feedback
--------------------------------------*/

.right-content {
    float: right;
    padding: 8px 10px 0px 0;
    text-align: right;
}

.right-content p {
    padding: 0;
    margin: 0;
}

.right-content span {
    padding-right: 20px;
}

.right-content img {
    vertical-align: middle;
}

.right-content p {
    padding-bottom: 7px;
}

/*-------------------------------------
  Login and New Features and feedback
--------------------------------------*/


/*-------------------------------------
            Tabs Styles
--------------------------------------*/

.tabs {
    float: left;
    width: auto; 
    margin-top: -23px;
}

.tabs ul{
    margin:0 0 0 100px; 
    display: inline;
    padding: 0;
    list-style: none;
    font-size: 12px;
    height: 22px;   
    float: left; 
}

.tabs li {
    margin: 0px 0px 0px 1px; 
    padding: 0px 10px 0px 0px;
    background-repeat: no-repeat;
    float: left;
    position: relative;
}

.tabs li.activelink {
    background-repeat: no-repeat;
    border-bottom: 1px solid #ffffff; 
}

.tabs li a,
.tabs li a:link,
.tabs li a:visited {
    display: block;
    float: left;
    padding: 5px 3px 0px 15px;
    text-align: center;
    white-space: nowrap;
    background-repeat: no-repeat;
    text-decoration: none;
    min-height: 17px;
    height:17px;
    outline: none;
    color: #000000;
}

.tabs li.activelink a, 
.tabs li.activelink a:link, 
.tabs li.activelink a:visited {
    background-repeat: no-repeat;
    color: #000000;
}

.tabs li:hover, 
.tabs li.sfhover {
    background-position: 100% -200px;
    cursor: pointer;
    border-bottom: 1px solid #ffffff;
}

.tabs ul li:hover a,
.tabs ul li:hover a:link,
.tabs ul li:hover a:visited,
.tabs ul li.sfhover a,
.tabs ul li.sfhover a:link,
.tabs ul li.sfhover a:visited {
    background-position: 0 -200px;
    color: #000000;
}

.tabs li.activelink:hover {
    background-position: 100% -200px; 
}

/*-------------------------------------
            Tabs Styles
--------------------------------------*/

.menu-area {
    background-image: url(//images.onlinephotofiler.com/secondary-bg.gif);
    height: 28px;
    background-repeat: repeat-x;
    clear: both;
}

.menu-gradient {
    background-image: url(//images.onlinephotofiler.com/menu-gradient.gif);
    background-repeat: repeat-x;
    height: 4px;
    width: auto;
    font-size: 0px;
    line-height: 0;
}

* html .menu-gradient {
    margin-top: -3px;
}

.publish-preview {
    text-align: right;
    padding-right: 10px;
    font-size: 7px;
}

.publish-preview a img,
.publish-preview a:link img,
.publish-preview a:visited img {
    border: none;
}

.publish-preview-buttons {
    float: right;
    margin-left: 10px;
}

/*------------------------------
    Select box fix
------------------------------*/

* html ul.nav iframe {
    display: block;
    position: absolute;
    /* account for the border */
    left: -0.25em;
    top: -0.25em;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    margin-left: 3px;
}

select.hide { visibility: hidden; }

/*New Features Popup - Start*/

.nfMainContainer
{
	padding: 30px; 
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size:11px; 
	color: #000;
	width: 330px;
}

.nfHeaderTextImg
{
	padding-bottom: 15px;
}

.nfNewFeaturesPopup
{
	width: 300px;
}

.bulletArrowTD
{
	padding-right: 5px; 
	vertical-align:top; 
	padding-top: 4px;
}

.nfdataItemTitle
{
	 font-family: arial, verdana, helvetica, tahoma, sans-serif;
	 font-weight: bold; 
	 font-size: 12px;
}

.nfReleaseDate
{
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size: 11px;
}


/*New Features Popup - End*/


/* File Uploader Success Notification - Begin */
.upload-success-notification
{
	background-color: #fffbcc;
	border: #cfad66 1px solid;
	padding: 10px;
	width: 800px;
	margin-bottom: 10px;
}

.upload-success-view-gallery
{
	border-width: 0px;
	background-image: url(//images.onlinephotofiler.com/btn_viewgallery.gif);
	height: 20px;
	width: 88px;
}

.upload-success-notification img
{
	margin-top: 10px;
}

.upload-success-notification a,
.upload-success-notification a img,
.upload-success-notification a:link img,
.upload-success-notification a:visited img {    
	border: 0px;
}
/* File Uploader Success Notification - End */

a.add-photos-view-galleries,
a.add-photos-view-galleries img,
a.add-photos-view-galleries:link img,
a.add-photos-view-galleries:visited img {    
	border: 0px;
}

a.add-photos-create-gallery,
a.add-photos-create-gallery img,
a.add-photos-create-gallery:link img,
a.add-photos-create-gallery:visited img {    
	border: 0px;
}

/*--------------------------------------
    Begin Slideshow Music Selector
---------------------------------------*/
.music-selector-container
{
	display: inline; 
	margin: 0px auto 0px 15px; 	
}

.music-selector-container select
{
	width: 160px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
}

/*--------------------------------------
    End Slideshow Music Selector
---------------------------------------*/


/*-------------------------------------------
    Begin Recycle bin Styles
--------------------------------------------*/

#divExplanation
{
	margin: 5px auto;
	width: 700px;
}

.imgTrashBin
{
	float: left; width: 35px; height: 41px;
}

.recycleBin-gallery
{
	float:right; margin: 0 0 0 5px; width: 180px;
}

.lnkRecycleBin-text
{
	font-weight: bold; color: #000;
}

.photosGalleries-text
{
	font-size: 10px; color: #000;
}

.emptyBinlink-reset
{
	font-size: 10px; 
	color:Blue;
	background-color:transparent; 
	width: 180px; 
	padding: 4px 0px 0px 0px; 
	text-decoration:underline;
}

.emptyBinlink-reset:hover
{
	text-decoration:none;
}

#recyclebin
{
	margin: 15px 0 0 0;
}

/* Recycle bin manager page */
.recycleBin-data
{
    width: 700px;
    font-family: Arial, Verdana, Sans serif;
    font-size: 11px;
    margin: 5px auto;
    
}
.recycleBin-table-format
{
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    width: 685px;        
    background-color: #dddddd;
}

.uploadStatus-data
{
    width: 700px;
    font-family: Arial, Verdana, Sans serif;
    font-size: 11px;
    margin: 5px auto;
    
}

#divActionBar
{
	margin: 0px auto;
	padding: 10px 15px;
	width: 660px;
}

#tblRecycleBinOptions
{
    height: 32px;	
}

.selection-div-format
{
    float: left;
    width: 150px;
    padding-left: 8px;
}
.select-left
{
    float: left;
}
#recycleBin-data-div a
{
    color: #000;
}
.all-none-format
{
    float: left;
    padding-left: 10px;
}
.OPFPaginationControl
{
    float: right;
    width: 220px;
    padding: 3px 0px 0px 0px;
}
.left-arrow
{
    float: left;
    width: 27px;
}
.right-arrow
{
    float: left;
    width: 27px;
}
.totalPages-format
{
    float: left;
    height: 17px;
    padding: 2px 5px;
}
.pageList
{
    float: left;
}
.pageList-select
{
    width: 80px;
    font-size: 10px;
}
.pageHeader
{
    float: left;
    height: 17px;
    padding: 2px 5px;
}
.display-output
{
    background-color: #fff;
    width: 685px;
    border: 1px solid #b3b3b3;
}
.display-output-tr
{
    background-image: url(//images.onlinephotofiler.com/gradient_bkg.gif);
    background-repeat: repeat-x;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #b3b3b3;
}
.th1
{
    width: 250px;
    padding: 5px 10px;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.th2
{
    width: 150px;
    padding: 5px 10px;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.th3
{
    width: 100px;
    padding: 5px 10px;
    border-bottom: 1px solid #b3b3b3;
}
.display-output-td1
{
    padding: 5px 10px;
    width: 250px;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.display-output-td2
{
    padding: 5px 10px;
    width: 150px;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.display-output-td3
{
    padding: 5px 10px;
    width: 100px;
    border-bottom: 1px solid #b3b3b3;
}
.display-output-td4
{
    padding: 5px 10px;
    width: 100px;
    border-bottom: 1px solid #b3b3b3;
}
.display-output-td5
{
    padding: 5px 10px;
    width: 250px;
    border-right: 1px solid #b3b3b3;
}
.display-output-td6
{
    padding: 5px 10px;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
.display-output-td7
{
    padding: 5px 10px;
    border-bottom: 1px solid #b3b3b3;
}
.display-output-td8
{
    padding: 5px 10px;
    border-right: 1px solid #b3b3b3;
}
.display-output-td9
{
    padding: 5px 10px;
}
.item-checkbox
{
    float: left;
    width: 30px;
    height: 21px;
    padding: 16px 0px;
    text-align: center;
}
.item-thumbnail
{
    float: left;
    border: 1px #CCC;
    width: 40px;
    padding: 5px 8px 5px 0px;
}
.descriptionText-div
{
    float: left;
    width: 165px;
    margin: 20px auto;
}

tbody tr.odd
{
	background-color: #efefef;
	background-image: none;
}

tbody tr.even
{
	background-color: #ffffff;
}

.sorting_desc 
{
    background:transparent url(//images.onlinephotofiler.com/sort_down.gif) no-repeat scroll 95% center;
}

.sorting_asc 
{
    background:transparent url(//images.onlinephotofiler.com/sort_up.gif) no-repeat scroll 95% center;
}


#lnkRestoreSelected, #lnkDeleteSelected, #lnkEmptyRecycleBin
{
	float: left; 
	margin: 0 30px;
	padding: 5px 5px 5px 20px;
	text-decoration: underline;
	cursor: pointer;
}

#lnkRestoreSelected
{
	background:transparent url(//images.onlinephotofiler.com/icon_restore.gif) no-repeat scroll left center;
}

#lnkDeleteSelected
{
	background:transparent url(//images.onlinephotofiler.com/icon_delete.gif) no-repeat scroll left center;
}

#lnkEmptyRecycleBin
{
	background:transparent url(//images.onlinephotofiler.com/icon_trashbin_small.gif) no-repeat scroll left center;
}

/* Item thumbnail in the recycle bin: */
.imgRecycleThumbnail
{
	width: 40px; 
	height: 40px;
}

#emptyBinlink
{
	cursor: pointer; 
	font-size: 11px; 
	background-color:transparent; 
	width: 106px; 
	/*text-decoration:underline;	*/
	float:left;
}



/*-------------------------------------------
    End Recycle bin Styles
--------------------------------------------*/

.modalPopupSessionTimeOut {
	background-color:#EBEBEB; 
	border-color:#D3D3D3; 
	border-style:none none solid; 
	border-width:0 0 1px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	height:12px;
	margin:0;
	outline-style:none;
	outline-width:0;
	padding:0.5em 1.5em 0.5em 1em;
	position:relative;
	text-decoration:none;
}

/* JQuery alert message info styles */
.alertShellInfo {
	overflow: hidden;
	width: 98%;
	margin:auto;
	border: 1px solid #B2B2B2;
	background-color: #ffffff;
}

.alertMessage {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	max-width:820px;
	text-align:left;
	display:inline;
	float:left;
	padding:15px 10px 0px 10px;	
}

.alert-close-button {
    text-align:right;
    display:inline;
    float:right;
    padding:15px 10px 10px 10px;
    width:20px;
}

.alertShellError {
	overflow: hidden;
	width: 98%;
	margin:auto;
	border: #ef1c25 1px solid;
	background-color: #f5f5f5;
}

.IconDeleteSilver
{
    background-image: url(//images.onlinephotofiler.com/icon_action_delete.gif);
	background-repeat:no-repeat;
	border: 0px solid #959595;
	color: #000000;
	cursor:pointer;
	padding:0px 0px 0px 0px;
	width: 19px;
	height: 18px;
}

/* -------------------------------------------
	End JQuery alert message info styles 
------------------------------------------- */

/* -------------------------------------------
	Begin GalleryHomeView stytles 
------------------------------------------- */

#contentWrapper
{
	background-color: #fff;	
}

.galleryContainer
{
	/* For clear-fix in IE (From Lee) */
	height: 1%;	
	width: 736px;
	padding: 5px 0px 5px 5px;
}

.galleryInfoItem
{
	width: 184px;
	height: 215px;	
	float: left;
}

.galleryInfoImage
{
	display: block;
	margin:0px auto 10px auto;
	cursor: pointer;
	padding: 10px;
}

.galleryInfoImageContainer
{
	background-image: url(//images.onlinephotofiler.com/framed_bkg_img.gif);
	background-repeat:no-repeat;
	width: 129px;
	height:99px;
	margin: 35px 0px 0px 26px;
	cursor: pointer;
}

.galleryInfoTitle
{
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
	margin-top: 6px;
}

.galleryInfoMeta {	text-align: center;	}

.galleryInfo-actionbar
{
	width: 	164px;
	height: 15px;
	margin: 0 auto;
	padding: 8px 10px 20px;
}

.galleryInfo-actionbar-left 
{	
	float: left; font-size: 10px;
}

.galleryInfo-actionbar-right 
{	
	float: right; font-size: 10px;
}

.galleryInfo-actionbar-edit  
{
	cursor: pointer;	
}

.galleryInfo-actionbar-delete
{
	cursor: pointer;	
}

/*  Start Thumbnail -- Slideshow -- Filmstrip control */


.thumbSlideFilm
{
	width: 215px;
	height: 21px;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	
}

.thumbSlideFilm li span
{
	display: none;
}

.thumbSlideFilm li a, .thumbSlideFilm li a:link, .thumbSlideFilm li a:visited
{
	background-image: url(//images.onlinephotofiler.com/thumb_slide_film_sprite.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 21px;
}


.lnkFilmStrip, .lnkFilmStripActive
{
	display:block;
	width: 70px;
	height: 21px;
	float: left;
}

.lnkThumbNail, .lnkSlideShow, .lnkThumbNailActive, .lnkSlideShowActive 
{
	display:block;
	width: 70px;
	height: 21px;
	float: left;
	border-right: 1px solid #cecece;
}

/*
.lnkThumbNail, .lnkSlideShow
{
	border-right: 1px solid #cecece;
}
*/

.lnkThumbNail a
{
	background-position: 0px 0px;	
	width: 70px; height: 21px; display: block; 
}

.lnkSlideShow a
{
	background-position: -78px 0px;
	width: 70px; height: 21px; display: block;
}

.lnkFilmStrip a
{
	background-position: -156px 0px;
	width: 70px; height: 21px; display: block;
}

.lnkThumbNail a:hover
{
	background-position: 0px -42px;
	width: 70px; height: 21px; display: block;
}

.lnkSlideShow a:hover
{
	background-position: -78px -42px;
	width: 70px; height: 21px; display: block; 
}
 
.lnkFilmStrip a:hover
{
	background-position: -156px -42px;
	width: 70px; height: 21px; display: block; 
}

.lnkThumbNailActive a
{
	background-position: 0px -21px;
	display: block; 
	cursor: default;
}

.lnkSlideShowActive a
{
	background-position: -78px -21px;
	display: block; 
	cursor: default;
	 color:Blue;
}

.lnkFilmStripActive a
{
	background-position: -156px -21px;
	display: block;
	cursor: default; 
}


/* End Thumbnail -- Slideshow -- Filmstrip control */

#messageBar
{
	padding: 5px;	
}

.loadingStatus
{	
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;	
	height: 16px;
	background-image: url(//images.onlinephotofiler.com/loading_snake_wht.gif);
	background-repeat: no-repeat;
}

/* 
	Privacy icons: 
*/

.privacyProtected
{
	background-image: url(//images.onlinephotofiler.com/icon_lock.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.privacyPrivate
{
	background-image: url(//images.onlinephotofiler.com/icon_private.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px; 
}

/* 
	Paging controls: 
*/
.galleryNavigation
{
	padding: 10px 0 5px;
	text-align: center;
	display: none;
}

.photoNavigation
{
	padding: 10px 0 5px;
	text-align: center;
	min-height: 13px;
}

.pagerItem
{
	cursor: pointer;	
	padding: 0px 4px;
}

.pagerFirst, .pagerNext
{
	padding-right: 10px;
}

.pagerPrev, .pagerPages
{
	padding-right: 15px;
}

.pagerPages
{
	padding-right: 9px;
}

#emptyGalleryText
{
	display:none; 
	text-align:center;
}

.subscribe-to-site-container
{
	display: none;
	width: 118px; 
	padding: 8px 0px 5px 15px;
}
/* -------------------------------------------
	End GalleryHomeView stytles 
------------------------------------------- */


/* -------------------------------------------
SideBar Panel styles
---------------------------------------------*/

#tag_names
{
	color:#000;
	width: 135px; 
	padding: 0 10px 0px 0px; 
	float:left; 
	margin-bottom:10px;
}

#tag_details
{
	display:block; 
	margin:0px 0px 25px 0px;
}

#tag_heading
{
	display:block; 
	margin: 5px 0px 10px;
	width: 183px;
}

#tagPhotosTitle
{
	background-image: url(//images.onlinephotofiler.com/tag_thumbnail.gif); 
	background-repeat:no-repeat; 
	background-color: transparent; 
	font-weight: normal; 
	font-size: 16px;
	padding-left: 45px; 
	height: 37px;
}

#montage_details
{
	display:block;  
	margin:0px 0px 15px 0px;
}

#montage_names
{
	color:#000; 
	width: 130px; 
	float:left;
}

#montagesTitle
{
	background-image:url(//images.onlinephotofiler.com/montage_thumbnail.gif); 
	background-repeat:no-repeat; 
	background-color: transparent; 
	font-weight: bold; 
	font-size: 16px;
	padding-left: 45px; 
	height: 37px;
}

#sideMontageText ul
{
	margin:0px;
	*margin-left: 15px;
	
}

.montageHelpText
{
	*margin-left:15px; 
	margin-left: 0px; 
	padding-left: 10px; 
	*padding-left:0px;
	font-size: 11px;
}

#wstLinkTitle
{
	background-image:url(//images.onlinephotofiler.com/icon_work_on_my_site_34x34.png); 
	background-repeat:no-repeat; 
	background-color: transparent; 
	font-weight: bold; 
	font-size: 16px;
	padding-left: 45px; 
	height: 37px;
}

#recycleBinTitle
{
	font-weight: bold; 
	font-size: 16px;
	margin-left: 5px;
	height: 37px;
}

.updatePaneThumbnailsView
{
	width: 740px;
}


#montage_heading
{
	display:block; margin-bottom:12px; margin-top:5px;
}


#tag_photos a, #montage_right a, #recycleBinTitle a, #wstLink_right a
{
	font-size:11px; font-weight: normal;
}


#tagSidebarTop, #montageSidebarTop, #recycleBinSidebarTop, #linkTinyURLTop, #wstLinkTop, #siteInfoSideBarTop
{
	background-image: url(//images.onlinephotofiler.com/tag_montage_bin_top_slice.gif);
	background-repeat:no-repeat;
	height: 9px;
	margin: 0px auto;	
	width: 193px;
}

#tagSidebarMiddle, #montageSidebarMiddle, #recycleBinSidebarMiddle, #linkTinyURLMiddle, #wstLinkMiddle, #siteInfoSideBarMiddle
{
	background-image: url(//images.onlinephotofiler.com/tag_montage_bin_middle_slice.gif);
	background-repeat:repeat-y;
	margin: 0px auto;
	_margin: -5px auto 0px;
	padding: 2px 10px 5px;
	width: 173px;
}

#tagSidebarBottom, #montageSidebarBottom, #recycleBinSidebarBottom, #linkTinyURLBottom, #wstLinkBottom, #siteInfoSideBarBottom
{
	background-image: url(//images.onlinephotofiler.com/tag_montage_bin_bottom_slice.gif);
	background-repeat:no-repeat;
	height: 9px;
	margin: 0px auto;
	width: 193px;
}


.smallDiv
{
    font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px; 
	width:193px; 
    margin: 0px auto;
	padding: 2px 5px 10px;
}

#images_counter {
	width: 200px;
}

#images_counter .qp_prev {
/*				margin-right: 30px;*/
	display: block;
	float: right;
}

#images_counter .qp_next {
	display: block;
	float: left;
}

#searchresults  
{
	width:210px; 
	background-color:#a0a0a0; 
	font-size:10px; 
	line-height:14px; 
}
.searchheading 
{
	 display:block; 
	 font-weight:bold; 
	 padding-top:5px; 
	 color:#191919; 
}

.searchheading:hover .innerclass { background-color:Blue};

.galleryTagInput
{
	width: 190px;
	border: 1px solid #c9c9c9;
}

/* Begin Tag Navigation Styles */
a.previous-arrow-button,
a.previous-arrow-button:link,
a.previous-arrow-button:visited
{
	background-image: url(//images.onlinephotofiler.com/arrow_left.gif);
	background-repeat: no-repeat;
	height: 13px;
	width:8px;
	float: left;
	display: inline-block;
	margin-top: 5px;
	padding-right: 10px;
}

a.previous-arrow-button span,
a.next-arrow-button span
{
	display: none;
}

a.next-arrow-button,
a.next-arrow-button:link,
a.next-arrow-button:visited
{
	background-image: url(//images.onlinephotofiler.com/arrow_right.gif);
	background-repeat: no-repeat;
	height: 13px;
	width:8px;
	float: right;
	display: inline-block;
	margin-top: 5px;
	padding-right: 10px;
}

a.previous-arrow-button-disabled,
a.previous-arrow-button-disabled:link,
a.previous-arrow-button-disabled:visited
{
	background-image: url(//images.onlinephotofiler.com/arrow_left.gif);
	background-repeat: no-repeat;
	height: 13px;
	width:8px;
	float: left;
	display: inline-block;
	cursor: default;
	padding-right: 10px;
}

a.previous-arrow-button-disabled span,
a.next-arrow-button-disabled span
{
	display: none;
}

a.next-arrow-button-disabled,
a.next-arrow-button-disabled:link,
a.next-arrow-button-disabled:visited
{
	background-image: url(//images.onlinephotofiler.com/arrow_right.gif);
	background-repeat: no-repeat;
	height: 13px;
	width:8px;
	float: right;
	display: inline-block;
	cursor: default;
	padding-right: 10px;
}

/* End Tag Navigation Styles */

#viewLinks
{
	
	width: 212px;
	height: 25px;
	text-align:center;
	margin: 25px auto 5px;
}

	
.sideGallerySmText
{
 font-size: 9px; 
 padding: 10px 4px 5px;
}	
	
.text-left
{
	text-align: left;
}
	
	
#testWrap
{
	float: left;
	margin: 0px auto;
	width: 530px;
}

#divLinkToMontage
{
	display: none; 
	text-align: left; 
	padding-bottom: 5px; 
	margin: 5px auto 0px;
	width: 570px;
}

.linkHorzCenter
{
	margin: 0px auto;
	width: 585px;
	padding-bottom: 3px;
	text-align:center;
}

.PermanentLinkMontage
{
	width: 745px; 
	padding-top: 20px;
}

.PermanentLinkFilmStrip
{
	width: 585px; 
	margin-bottom: 5px;
}

.PermanentLinkSlideshow
{
	 width:745px; 
	 padding-top:10px;
}

 /* Login page */
 .loginLblItems
 {
 	width:100%;
 	text-align:left;
 }
 
.footer-container
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-container li
{
	margin-bottom: 20px;
}

.waterMarkColor
{
	color:Gray;
}

/* No Gallery Styles */

#nogalleries-content
{
	background-image: url(//images.onlinephotofiler.com/no_gallery_gradient_bkg_top.jpg);
	background-repeat: no-repeat;
	width: 987px; 
	height: 6px; 
	text-align: center;
	font-size: 14px;
}

#nogalleries-content-mid
{
	background-image: url(//images.onlinephotofiler.com/no_gallery_gradient_bkg_mid.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 987px; 
}

#nogalleries-content-bttm
{
	background-image: url(//images.onlinephotofiler.com/no_gallery_gradient_bkg_bttm.jpg);
	background-repeat: no-repeat;
	width: 987px; 
	height: 6px; 
}

#nogalleries-wrapper
{
	margin: 10px auto 400px;
	width: 987px;
	height: auto;
}

#nogalleries-text-container
{
	text-align: center; 
	margin: auto; 
	width: 987px; 
	background-color: #fff;
	font-weight: bold;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 13px;
}

#visitor-nophotos-view-text
{
	background-color: #fff; 
	line-height: 30px; 
	
}

#ViewRecycleBin
{
	padding-bottom: 15px;
	width: 987px;
}

#divLinkToPhoto
{
	display: none; text-align: left;
	width: 600px;
	margin: 20px auto 5px;
}

#divLinkToVideo
{
	display: none;
	text-align: left;
	width: 600px;
	margin: 20px auto 5px;
}


/* Add or Edit Gallery Control */
.photoGallery-container
{
	margin: 0;
	padding: 0;
	list-style: none;
}


.accountDomainSettings
{
	padding: 20px 0px 0px 0px; 
	width: 800px;
}

.gallery-notes {
  border:1px solid #CCCCCC;
  line-height:1.3em;
  padding:5px;
  text-align:left;
  width:500px;
  position:absolute; 
  z-index: 999;
  margin-left: 110px;
  margin-top: -38px;
  font-size:11px;
  background: #FFFFFF;
  font-weight:normal;
}



/* Setting Page */
.settings-container
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.settings-container li
{
	width:500px;
	padding-bottom:5px;
}

/* Announcement popup */
.announce-border
{
	border: 1px solid #adadad; width: 300px; height: auto;
}

.announce-bkg
{
    background-image:url(//images.onlinephotofiler.com/black_grey_gradient_bkg.jpg); 
    background-repeat:repeat-x; 
    width: 300px;
    background-color:black;
}

.announce-header
{
	padding: 10px 10px 0px 28px; color: white; font-family: Arial, Verdana, Sans Serif; font-size: 13px; font-weight: bold; width: 250px;
}

.announce-text
{
	padding: 10px; color: white; font-family: Arial, Verdana, Sans Serif; font-size: 12px; width: 235px;
}

#overlay {
	z-index:1000;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);
	visibility:visible;
}

/* ------------ Styles for share Links - Start -------------*/

	.facebook-icon-small
	{
		background-position: -229px -64px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;		
	}

	.myspace-icon-small
	{
		background-position: -172px -64px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}

	.twitter-icon-small
	{
		background-position: -340px -64px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}

	.delicious-icon-small
	{
		background-position: -284px -64px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	
	.sharelink-icon-small
	{
		background-position: -16px -64px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	
	.email-icon-small
	{
		background-position: -67px -68px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	
	.rssfeeds-icon-small
	{
		background-position: -399px -64px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	

	.digg-icon-small
	{
		background-position: -444px -64px;
		background-image: url(//images.onlinephotofiler.com/share-icons-sprite_trans1.png);
		background-repeat: no-repeat;
		text-indent: -999em;
		margin: 0 auto 5px;
		display: block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	
	.listitem-small
	{
		float: left;
		width: 30px;		
		List-style-type: none;
	}
	
	.listitem-small2
	{
		float: left;
		width: 30px;		
		List-style-type: none;
		padding: 0px 5px;
	}

	.ul-small
	{
		height: auto;
		List-style-type: none;
		margin-bottom: 0;	
		margin: 0;
		padding: 0;
	}

	.ul-small:after {
		content: ".";
    		display: block;
    		visibility: hidden;
    		height: 0;
    		font-size: 1px;
    		clear: both;
	}	
	
/* ------------ Styles for share Links - End -------------*/

/* ------------ Styles for AutoComplete - Begin ----------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	display:block;
}

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

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	
	font: menu;
	font-size: 11px;
	
	line-height: 16px;
	overflow: hidden;
	height: 1%;
}

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

.ac_odd {
	background-color: #eee !important;
}
.ac_even {
	background-color: #aaa !important;
}

.ac_even_noresults 
{
	background-color:White;
}

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

/* ------------ Styles for AutoComplete - End ----------*/

/* ---- Styles for Growl - Begin ---- */
.growlContainer
{
    top: 85px;
    float: left;
    width: 220px;
}

.growlTopLeft
{
	background-image: url('//images.onlinephotofiler.com/growl_top_left_rounded.png');
	background-repeat: no-repeat;
	height:10px;
	width:10px;
	float: left;
}

.growlTopCenter
{
	background-image: url('//images.onlinephotofiler.com/growl_fill.png');
	background-repeat: repeat-x;
    height: 10px;
    width: 200px;
    float: left;
}

.growlTopRight
{
	background-image: url('//images.onlinephotofiler.com/growl_top_right_rounded.png');
	background-repeat: no-repeat;
	height:10px;
	width:10px;
	float: left;
}

.growlInfo
{
	background-image: url('//images.onlinephotofiler.com/growl_fill.png');
	background-repeat: repeat;
    color: White;
    width:208px;
    padding: 0px 6px 0px 6px;
    float:right;
}

.growlBottomLeft
{
	background-image:url('//images.onlinephotofiler.com/growl_bottom_left_rounded.png');
	background-repeat: no-repeat;
	height:10px;
	width:10px;
	float: left;
}

.growlBottomCenter
{
	background-image: url('//images.onlinephotofiler.com/growl_fill.png');
	background-repeat:repeat-x;
    height: 10px;
    width: 200px;
    float: left;
}

.growlBottomRight
{
	background-image: url('//images.onlinephotofiler.com/growl_bottom_right_rounded.png');
	background-repeat: no-repeat;
	height:10px;
	width:10px;
	float: left;
}

/* ---- Styles for Growl - End   ---- */
.wraptocenter {
    display: block;
    text-align: center;
    vertical-align: middle;
    height: 75px;
}
.wraptocenter * {
    vertical-align: middle;
}

.playOverlay
{
	position: relative;
	top: -55px;
	width: 75px;
}

/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 75px;
    width: 1px;
}
/**/
</style>
<!--[if lt IE 8]><style>
.wraptocenter span {
    display: inline-block;
    height: 75px;
}
.playOverlay
{
	position: relative;
	top: -55px;
	width: 75px;
}
/* ---- Styles for gallery manager empty gallery notice   ---- */
.noticeMessageClass
{
    background-color: #FFFBCC;
    border: 1px solid #CFAD66;
    height: 30px;
    margin-left: 10px;
    width: 480px;
    height: 40px;
    margin-top: 6px;
    width: 480px;
}
.noticeIcon
{
    float: left;
    margin-left: 4px;
    margin-top: 7px;
    width: 29px;
}
.noticeMessage
{
    font-size: 14px;
    margin-left: 42px;
    margin-top: 12px;
    width: 250px;
}
/* ---- Styles for gallery manager empty gallery notice - End   ---- */

/* ---- Grid styles ---- */
.grid-toolbar-top, .grid-toolbar-bottom
{
    background-color: #dddddd;
    border: 1px solid #d3d3d3;
}

.grid-toolbar-top
{
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.grid-toolbar-bottom
{
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* ---- End Grid styles ---- */

/* ---- Icon buttons ---- */
    .icon-button, .play-button, .pause-button, .edit-button, .delete-button, .upload-audio-button
    {
        width: 20px;
	    height: 20px;
        cursor: pointer;
        float: left;
        position: relative;
        overflow: hidden;
        display: inline-block;
        border: none;
        margin: 5px;
    }
       
    .play-button { background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_play.gif) no-repeat center center; }
    .pause-button { background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_pause.gif) no-repeat center center; }
    .edit-button { background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_edit.gif) no-repeat center center; }
    .delete-button { background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_delete.gif) no-repeat center center; }
/* ---- End Icon buttons ---- */
    
/* ---- Menu buttons ---- */
    .menu-upload-audio-button, .menu-upload-audio-hover-button, .menu-delete-button, .menu-delete-hover-button
    {
        float: left;
        height: 35px;
        cursor: pointer; 
        float: left; 
        position: relative; 
        overflow: hidden;
        border: none;
        margin:5px 10px;
    }
    
    .menu-upload-audio-button { width: 55px; background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_menu_upload_audio_reg_1.gif) no-repeat center center; }
    .menu-upload-audio-hover-button { width: 55px; background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_menu_upload_audio_hover_1.gif) no-repeat center center; }
    .menu-delete-button { width: 33px; background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_menu_delete_reg.gif) no-repeat center center; }
    .menu-delete-hover-button { width: 33px; background: transparent url(//images.onlinephotofiler.com/musicmanage/icon_menu_delete_hover.gif) no-repeat center center; }
/* ---- End Menu buttons ---- */

/* ---- Pagination ---- */
    div .pagination
    {
        border: #B2B2B2;
        background: #DDDDDD;
    }
    
    .pagination-arrow-left, .pagination-arrow-right
    {
        width: 17px;
	    height: 17px;
        cursor: pointer;
        overflow: hidden;
        display: inline-block;
        border: none;
    }

    .pagination-arrow-left { background-image: url(//images.onlinephotofiler.com/bttn_left_arrow.gif); }
    .pagination-arrow-right { background-image: url(//images.onlinephotofiler.com/bttn_right_arrow.gif); }
/* ---- End Pagination ---- */

/* ---- Like feature ---- */
    .like-container
    {
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .liked { margin-top: 3px; padding-left: 18px; display: inline-block; background-repeat:no-repeat; background-image: url(//images.onlinephotofiler.com/visitor_interaction/star.gif); }
    .not-liked { margin-top: 3px; padding-left: 18px; display: inline-block; background-repeat:no-repeat; background-image: url(//images.onlinephotofiler.com/visitor_interaction/star_grey.gif); }
    
    .like-button, .unlike-button, .like-background-left, .like-background-middle, .like-background-right
    {
        margin: 0;
	    height: 22px;
        cursor: pointer;
        overflow: hidden;
        display: inline-block;
        vertical-align:baseline;
    }
    
    .like-count-background-left, .like-count-background-middle, .like-count-background-right
    {
        margin: 0;
	    height: 22px;
        overflow: hidden;
        display: inline-block;
        vertical-align:baseline;
    }
    
    .like-background-left { float:left; background-repeat:no-repeat; width: 10px; background-image: url(//images.onlinephotofiler.com/visitor_interaction/like_background_left.png); }
    .like-background-middle { float:left; background-image: url(//images.onlinephotofiler.com/visitor_interaction/like_background_middle.png); }
    .like-background-right { float:left; background-repeat:no-repeat; width: 10px; background-image: url(//images.onlinephotofiler.com/visitor_interaction/like_background_right.png); }
    
    .like-count-background-left { float:left; background-repeat:no-repeat; width: 10px; background-image: url(//images.onlinephotofiler.com/visitor_interaction/like_count_background_left.png); }
    .like-count-background-middle { width: 55px; float:left; background-image: url(//images.onlinephotofiler.com/visitor_interaction/like_count_background_middle.png); }
    .like-count-background-right { float:left; background-repeat:no-repeat; width: 10px; background-image: url(//images.onlinephotofiler.com/visitor_interaction/like_count_background_right.png); }
/* ---- End Like feature ---- */

.notification-badge-information {
    width: 35px;
    height: 35px;
    border-radius: 18px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Boing-Bold;
    display: flex;
    background-color: #4195c3;
}
.notification-badge-alert {
    width: 35px;
    height: 35px;
    border-radius: 18px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Boing-Bold;
    display: flex;
    background-color: #f00;
}
.notification-text {
    margin: auto;
    line-height: 1;
    font-size: 30px;
    font-weight: bold;
}
.notification {
    display: flex;
    margin-left: 14%;
    margin-right: 14%;
}
.lblloginmsg {
    color: #193a9c;
    font-size: 15px;
    text-align: left;
    display: inline;
    padding-left: 10px;
}
.lblloginmsg a{
    color: #193a9c;
    font-size: 15px;
    text-decoration: underline;
}
.lblloginmsg a:visited{
    color: #193a9c;
    font-size: 15px;
    text-decoration: underline;
}
.lblloginmsgnote {
    font-size: 12px;
    margin-top: 20px;
}