html {
	overflow-y:scroll;
    background-repeat:repeat-x;
}
html, body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Tahoma, Geneva, Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-size:12px;
}
#pagewrapper
{
	position:relative;
	top:0px;
	width:100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
}
.contentwrapper
{
	width:100%;
	padding:0px 0px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


#topcontainer, #maincontainer, #footercontainer
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#topcontainer
{
    height:130px;
background:#006958;
}
.logo
{
   height: 100px;
display: block;
margin: 0 auto;

	
}
#topnavbarholder
{
    background-image:url("images/navbar/center_tile.gif");
    height:35px;
    width:100%;
    z-index:20;
}
.topnavbar {
	position:relative;
	top:0px;
	width:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	white-space:nowrap;
	list-style-type:none;
	background-repeat:repeat-x;
	background-position:0px 0px;
	z-index:21;
}
#maincontainer
{
	/*z-index:o;*/
}
#colholder
{
    float:left;
    min-height:450px;
    padding-bottom:10px;
    width:100%;
    
    _height:450px;
}

#footercontainer
{
    margin-bottom: 20px;
    background-image:url("images/navbar/center_tile.gif");
    height:30px;
}

.tagimagesbox,
.selectgallerybox,
.selectalbumbox
{
    margin:20px 0 20px 0;
    background-color: #EFEFEF;
    padding:20px;
}

.tagimagesbox select,
.selectgallerybox select,
.selectalbumbox select
{
    min-width: 300px;
    margin-left:20px;
    padding: 4px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #b6b6b6;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.loginbox
{
    background-color: #EFEFEF;
    padding:20px 0 20px 10px;
}

.loginrow
{
    padding:10px;
}

.loginrow input
{
    position:absolute;
    left:110px;
    width: 250px;
    padding: 4px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #b6b6b6;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.logoutbtn, .managebtn, .loginbtn, .tradebtn
{
    background-repeat: no-repeat;
    padding:0px 0px 0px 18px;
    font-size:0.9em;
    font-size:0.9em;
    z-index:101 !important;
    color:#999999 !important;
    background-position: 3px 3px;
    width:80px;
    height:25px;
}
.managebtn
{
    background-image: url("images/btnmanage.gif");
}
.tradebtn
{
    background-image: url("images/btntrade.gif");
}
.logoutbtn
{
    background-image: url("images/btnlogout.gif");
}
.loginbtn
{
    background-image: url("images/btnlogin.gif");
    margin: 20px 0 0 270px;
}

.logoutbtn:hover, .managebtn:hover, .loginbtn:hover, .tradebtn:hover
{
    background-position: 3px -21px;
    color:#003a77 !important;
}

.shoppingcart
{
    display:block !important;
    float:right !important;
    height:10px;
    margin:-3px 10px 0px 0px !important;
    padding:8px 6px 6px 30px !important;
    background-image:url(images/galleryicon_cart.png);
    background-position:6px 6px;
    background-repeat:no-repeat;
    cursor:pointer;
}

.addnewbtn
{
    display: block;
    width: 130px;
    height: 16px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 18px;
    font-size: 0.9em;
}
.addnewbtn:hover
{
    background-position: 0 -20px;
    color: #999999 !important;
}
.addnewbtn
{
    background-image: url("images/addnewbtn.jpg");
}
.btnedit
{
    position: absolute;
    width: 15px;
    height: 16px;
    background-repeat: no-repeat;
}
.btncancel, .btnsave, .btnchangepassword, .btntoggleon, .btntoggleoff, .btndelete, .btnlisten, .btnpdf
{
    position: relative;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
    font-size: 0.9em;
}
.btnedit
{
    background-image: url( "images/editbtn.jpg" );
}
.btncancel
{
    background-image: url( "images/btncancel.jpg" );
}
.btnsave
{
    background-image: url( "images/savebtn.jpg" );
}
.btnchangepassword
{
    background-image: url( "images/changepasswordbtn.jpg" );
}
.btntoggleon
{
    background-image: url( "images/toggleon.jpg" );
}
.btntoggleoff
{
    background-image: url( "images/toggleoff.jpg" );
}
.btndelete
{
    background-image: url( "images/btndelete.jpg" );
}
.btnlisten
{
    background-image: url( "images/btnlisten.gif" );
    cursor: pointer;
}
.btnpdf
{
    background-image: url( "images/btnpdf.gif" );
    cursor: pointer;
}
.btnedit:hover, .btncancel:hover, .btnsave:hover, .btnchangepassword:hover, .btntoggleon:hover, .btntoggleoff:hover, .btndelete:hover, .btnlisten:hover, .btnpdf:hover
{
    background-position: 0px -20px;
}
.formbox
{

    background-color:#dedede;
    padding:8px;    
    margin-bottom:20px;  
    border:solid 1px #cccccc;
}
.sendbutton
{
    width: 50px;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;
    border:solid 2px #003a77;
    color:#ffffff !important;
    background-color:#003a77;
}
.sendbutton:hover
{
    color:#003a77 !important;
    background-color:#ffffff;
}
.errormsg, .successmsg, .infomsg, .popuperror
{
    position:relative;
    top:0px;
    margin:0px 0px 0px 10px;
    font-weight: bold;
    padding: 4px 6px 4px 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.errormsg, .popuperror
{
    color: Red;
    background-image: url("images/warning.png");
}
.successmsg
{
    color: Green;
    background-image: url("images/success.png");
}
.popuperror
{
    text-align:left;
}
.viewcart.successmsg, .viewcart.errormsg
{
    margin:15px 0px 15px 0px;
    float:left;
}
.infomsg
{
    color: #0472ec;
    background-image: url("images/info.png");
}
.indicateerror
{
    color: Red;
}
.indicateok
{
    color: #000000;
}




.breadcrumbs {
	display:block;
	margin-bottom:8px;
}
.breadcrumbs A {
	color:#666666 !important;
}
.breadcrumbs A:hover {
	color:#3f859c !important;
}
#hilightboxholder {
	position:relative;
	top:0px;
	margin-top:15px;
	margin-bottom:15px;
	display:inline-block;
}
.hilightbox {
	float:left;
}
.hilightbox H3 {
	display:block;
	height:20px;
	width:100%;
	text-align:center;
	position:relative;
	top:10px;
	left:0px;
	margin:0px !important;
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif !important;
}
.hilightbox A:hover H3{
	color:#d5de27;
}
.actionsbox {
	position:relative;
	top:41px;
	left:0px;
	float:right;
	padding-top:6px;
}
.ajaxbusy1
{
    position:absolute;
}

.albumheadercontainer
{
    float:left;
}
.albumheadercontainer H1
{
    float:left;
    margin:8px 0px 0px 0px;
}
.albumbuttoncontainer
{
    float:left;
    padding:10px 10px 10px 5px;
    margin:0px 0px 0px 10px;
}
.imagebuttoncontainer
{
    float:left;
    padding:10px 10px 10px 5px;
    margin:20px 0px 20px 0px;
}
    
.imagelist .ui-selecting {  }
.imagelistitem.ui-selected .imageselectionoverlay {
    
    background-image:url(images/imageselected.png);
    background-position:bottom center;
    background-repeat:no-repeat;
    }
.imagelist { list-style-type: none; margin: 0; padding: 0; position:relative;top:0px; }

.imagelistitem
{
    position:relative;
    width:180px;
    margin:0px 6px 4px auto;
    display:inline-block;
    vertical-align:top;
}
.imageselectionoverlay
{
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    height:170px;
    width:100%;
    margin:0px auto 0px auto;
}
.imageseperator
{
    /*clear:both;
    border-top:dotted 1px #cccccc;
    margin:3px 0px 4px 0px;*/
}
.imagepreview
{
    display: table-cell;
    vertical-align: bottom;
    text-align: center !important;
    height:178px;
    width:178px !important;
    border:solid 1px #ffffff;   
    margin-left:auto;
    margin-right:auto;
    white-space:nowrap;
}
.imagepreview IMG
{
    vertical-align: bottom;
    border:solid 1px #cccccc;
}



.imagetablemenu
{
    margin-left: auto;
    margin-right: auto;
}
.imagemenu-inner
{
    margin-left: auto;
    margin-right: auto;
}
.iconbar 
{
    position:relative;
    background-image: url("images/icon_bar_bg.gif");
    background-repeat: repeat-x;
    display: block;
    height: 24px;
    margin:4px 3px 0px 5px;
    text-align: center;
    width: 170px;
    float:left;
}
.imageicon
{
    display:block;
    height:16px;
    margin:4px 2px 0px 0px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    cursor:pointer;
}
.imageicon:hover
{
    background-position:0px -20px;
}
.smallpresent
{
    display:block;
    height:16px;
    margin:4px 2px 0px 0px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:13px;
    background-image:url(images/galleryicon_small.png);
}

.videopresent
{
    display:block;
    height:16px;
    margin:4px 2px 0px 0px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:16px;
    background-image:url(images/galleryicon_video.png);
}

.mediumnotpresent, .mediumpresent
{
    display:block;
    height:16px;
    margin:4px 2px 0px 0px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:15px;
    background-image:url(images/galleryicon_medium.png);
}

.largenotpresent, .largepresent
{
     display:block;
    height:16px;
    margin:4px 2px 0px 0px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:15px;
    background-image:url(images/galleryicon_large.png);
}
.mediumpresent, .largepresent, .smallpresent
{
    background-position:0px -20px;
}

.imageicon.addtocart
{
    width:16px;
    margin-left:8px;
    background-image:url(images/galleryicon_cart.png);
}
.imageicon.lightbox
{
    width:16px;
    margin-left:4px;
    background-image:url(images/galleryicon_lightbox.png);
}
.imageicon.restricted
{
    width:16px;
    margin-left:6px;
    margin-right:0px;
    background-image:url(images/galleryicon_restricted.png);
}
.imageicon.restricted:hover
{
    background-position:0px 0px;
}
.imageicon.norestriction
{
   display:none;
}

.imageicon.tags
{
    width:16px;
    margin-left:4px;
    background-image:url(images/galleryicon_tags.png);
}
.imageicon.delete
{
    position:absolute;
    top:0px;
    right:0px;
    width:16px;
    margin-right:0px;
    background-image:url(images/galleryicon_delete.png);
}
.imagedetailbox
{
    position:relative;
    top:0px;
    padding:4px 4px 4px 4px;
    width:170px;
    background-color:transparent;
    margin:4px auto 8px auto;
    text-align:left;
    float:left;
    clear:both;
    display:block;
}
.licencetype
{
    font-size:0.9em;
    font-weight:bold;
    color:#333333;
}
.imageref
{
     font-size:0.9em;
     color:#666666;
}
.existingtags
{
    
}
.tag
{
}
.imgpopupcontainer 
{
  
    padding:10px 10px 10px 10px;
    border:solid 1px #4c4843;
    background-color:#333333;
    color:White;
    text-align:center;
    display:none;
    z-index:30;
}
.imgpopupcontainer video,
.imgpopupcontainer img {
    border: solid 1px white;
    height: auto;
}
.image_description
{
    background-color:White;
    color:#4c4843;
    text-align:left;
    padding:2px 0px 2px 5px;
    margin:0px 0px 5px 0px;
    text-transform:uppercase;
    font-size:0.9em;
    min-height:15px;   
    white-space:normal;
    

}
.image_id, .image_dimensions, .image_duration
{
    text-align:left;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:0.9em;
}
.thumb
{
    cursor:pointer;
}

.video-type-small,
.video-type
{
  position:absolute;
  left:60px;
  top:95px;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  border: none;
}

.video-type-small
{
  left:40px;
  top:70px;
}

.video-type-small img
{
  width:25px;
  height:25px;
}

.video-type-small img,
.video-type img
{
    border:none;
}

.image-type
{
    display:none;
}

#ContentPlaceHolder_Body_ContentPlaceHolder_Full_dlImages TR
{
    border-bottom:dotted 1px #cccccc;
}
#ContentPlaceHolder_Body_ContentPlaceHolder_Full_dlImages TD
{
    vertical-align:top;
}
ul.existingtags li.as-selection-item
{
    color: #2b3840;
    font-size: 0.9em !important;
    font-family: "Lucida Grande" , arial, sans-serif;
    text-shadow: 0 1px 1px #fff;
    background-color: #ddeefe;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1));
    border: 1px solid #acc3ec;
    border-top-color: #c0d9e9;
    box-shadow: 0 1px 1px #e4edf2;
    -webkit-box-shadow: 0 1px 1px #e4edf2;
    -moz-box-shadow: 0 1px 1px #e4edf2;
    
    
     padding: 5px 5px 4px 5px;
     border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.gallerylink
{
    margin-left:10px;
    color:#136e5d;
}
.albumlink
{
    color:#0472ec;
}
.messagebox
{
    position:fixed;
    bottom:0px;
    right:0px;
    height:200px;
    width:300px;
    padding:10px;
    background-color:White;
}
.messagebox.error
{
    border-top:solid 5px red;
    border-right:solid 5px red;
    border-left:solid 5px red;
}
.messagebox.success
{
    border-top:solid 5px green;
    border-right:solid 5px green;
    border-left:solid 5px green;
}
.messagebox.info
{
    border-top:solid 5px #0472ec;
    border-right:solid 5px #0472ec;
    border-left:solid 5px #0472ec;
}
.messagebox .errormsg, .messagebox .successmsg, .messagebox .infomsg
{
    margin:0px 0px 0px 0px !important;
}

/* Mikes jQuery UI styles + hacks */
.dialog_link 
{
    margin:0px !important;
    padding: .4em 1em .5em 20px !important;
    text-decoration: none !important;
    position: relative !important;
}
.dialog_link:hover 
{
    background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x !important; font-weight: bold !important; color: #ffffff !important;
}
.dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
.ui-button
{
    float:none;
}
.dialogselectbtnholder, .dialogmainbtnholder
{
    padding:20px;
    border:solid 1px white;
}
.dialogselectbtnholder
{
    background-color:#f2f2f2;
    margin-bottom:1px;
}
.dialogmainbtnholder
{
    background-color:#f2f2f2;
}
.btnselect
{
    color:Green !important;
}
.btndeselect
{
    color:Red !important;
}
.btnshowhidetageditor
{
     /*background: orange url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x !important;*/
     color:#0472ec !important;
}
.btnselectmultiple
{
     /*background: purple url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x !important;*/
     color:#0472ec !important;
}
.btnsaveimages
{
     /*background: yellow url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x !important;*/
     color:green !important;
}
.dialogtiptext
{
    font-size:0.9em;
    font-style:italic;
}
.ui-button
{
    padding:.3em 1em .3em 1em !important;
}
.ui-widget-header {
    background: url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") repeat-x scroll 50% 50% #0472ec !important;
    color: #FFFFFF !important;
}