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

/* login form */
#gallery{
	padding:10px;
	padding-right:0px;
	width:500px;
	float:left;
}
#gallerylogin{
	float:left;
	width:230px;
	padding:10px 0px 10px 0px;
	font-size:9px;
	font-family:verdana, tahoma, arial, sans-serif;

}

#gallerylogin strong{
	display:block;
	background-color:#000;
	color:#fff;
	font-weight:bold;
	padding:2px 2px 2px 3px;
	text-transform:uppercase;
	margin-bottom:10px;
}

#gallerylogin strong .normal{
	font-weight:normal;
	color:#fff;
	font-size:10px;
}

#gallerylogin form{
	display:inline;
}

#gallerylogin form input{
	display:block;
	width:228px;
	*width:226px;
	border:1px solid #000;
	color:#999;
	margin-bottom:5px;
}
#erruser {
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*#gallerylogin form input[type=submit]{
	float:right;
	width:85px;
	background-color:#cf0;
	border:1px solid #000;
	color:#000;
	text-transform:uppercase;
}*/
#gallerylogin form input.inpsub{
	float:right;
	width:85px;
	background-color:#cf0;
	border:1px solid #000;
	color:#000;
	text-transform:uppercase;
	vertical-align:middle;
	padding: 0 0 2px 0;
	cursor: pointer;
}


#gallerylogin a{
	font-size:9px;
}

/* search form */
#gallerysearch{
	float:left;
	width:240px;
	margin: 10px 0px 5px 0px;
	padding:0px;
	font-size:9px;
	font-family:verdana, tahoma, arial, sans-serif;
	/*background-color: #FF0000;*/
}
#gallerysearch a{
	display: block;
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
	margin-bottom: 5px;
	clear: both;
}
#gallerysearch a:hover{
	text-decoration: none;
}
#gallerysearch strong{
	display:block;
	background-color:#000;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	padding:2px 0px 2px 4px;
	text-transform:uppercase;
	margin-bottom:10px;
	width: 238px;
	height: 13px;
	clear: both;
}

#gallerysearch strong .normal{
	font-weight:normal;
	color:#fff;
	font-size:10px;
}

#gallerysearch form{
	display:inline;
}
#gallerysearch form dl, #gallerysearch form dt, #gallerysearch form dd{
	margin: 0px;
	padding: 0px;
	display: block;
	margin-bottom:0px;
}

#gallerysearch form dt{
	display: none;
}
#gallerysearch select{
	display:block;
	width: 240px;
	border:1px solid #000;
	margin: 0px;
	margin-bottom:5px;
	color: #999;
}

#gallerysearch form input{
	display:block;
	width:228px;
	*width:226px;
	border:1px solid #000;
	color:#999;
	margin-bottom:5px;
}

/*#gallerysearch form input[type=text]{
	float:left;
	width:150px;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	text-transform:lowercase;
}

#gallerysearch form input[type=submit]{
	float:right;
	width:85px;
	background-color:#cf0;
	border:1px solid #000;
	color:#000;
	text-transform:lowercase;
}*/
#gallerysearch form input.inptxt{
	float:left;
	width:146px;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	text-transform:lowercase;
	padding: 0 0 2px 3px;
}
#gallerysearch form input.inpsub{
	float:right;
	width:85px;
	height: 16px;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	text-transform:uppercase;
	padding: 0 0 2px 0;
	cursor: pointer;
}
#gallerysearch div#spinner, #gallerysearch div#spinner2{
	display:block;
	visibility: hidden;
	background-color: #FFFFFF;
	color: #666666;
	background-image:url('/imagegallery/upload/spinner.gif');
	background-repeat: no-repeat;
	float: none;
	clear: both;
	height: 24px;
	padding-left: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#gallerysearch div#spinner2{
	display:none;
	visibility: visible;
}
#gallerysearch form{
	display:inline;
}
/*
#gallerysearch form #product{
	padding: 0px;
	border: 0px;
	color: #333333;
	width: 238px;
}
*/
#gallerysearch #simple_1, #gallerysearch #simple_2{
	display: block;
}
#gallerysearch div#gblabel {
	float: left;
	width: 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#gallerysearch div.gbradio {
	float: left;
	width: 87px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#gallerysearch div.gbradio input {
	float: left;
	width: 20px;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* thumb table */
#galleryframe {
	margin:0px 0px 0px 8px;
	padding:0px 0px 10px 0px;
	width:500px;
	float:left;
}
#galleryframe #galleryintro{
	background-image: url(/assets/Web/gallery/search_intro.jpg);
	background-repeat: no-repeat;
	width: 495px;
	height: 392px;
}
#galleryframe #galleryintro .error{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FFFFFF;
	width: 100%;
	height: 16px;
}
#galleryframe #logininfo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin-bottom: 12px;
}
#galleryframe .asseterror, #gallerylogin .asseterror, #galleryframeupl .asseterror{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	font-size: 10px;
	color: #FF6600;
}
#galleryframebig, #galleryframeupl {
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	width:748px;
	float:left;
}
#galleryframe img, #galleryframebig img{
	padding:0px;
	margin: 0px;
	border: 0px;
}
#galleryframe ul#thumbtbl, #galleryframebig ul#thumbtbl{
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	overflow:hidden;
}
#galleryframe ul#thumbtbl li, #galleryframebig ul#thumbtbl li{
	margin:10px 10px 0px 0px;
	padding: 0px;
	border: 1px solid #000;
	text-align: center;
	width:113px;
	height:142px;
	float:left;
	list-style-type:none;
}
#galleryframebig ul#thumbtbl li{
	margin:10px 8px 0px 0px;
	width:239px;
}
#galleryframe ul#thumbtbl li img, #galleryframebig ul#thumbtbl li img{
	/*
	max-width:99px;
	max-height:99px;
	_height:99px;
	_width:99px;
	*/
	margin:7px;
}
#galleryframe ul#thumbtbl li dl, #galleryframebig ul#thumbtbl li dl{
	padding: 0px;
	margin: 0px;
}
#galleryframe ul#thumbtbl li dt, #galleryframebig ul#thumbtbl li dt{
	padding: 0px;
	margin: 0px;
	height: 118px;
	width:113px;
}
#galleryframe #thumbtbl li dd, #galleryframebig #thumbtbl li dd{
	padding: 0px;
	width:33px;
	margin:0px auto;
}
#galleryframe #thumbtbl li dd a.assetinfo, #galleryframe #thumbtbl li dd a.assetadd, #galleryframebig #thumbtbl li dd a.assetinfo, #galleryframebig #thumbtbl li dd a.assetdelete{
	display: block;
	padding: 0px;
	margin: 0px;
	width:14px;
	height:14px;
	text-indent:-9999em;
	overflow:hidden;
	outline:0px;
	background-image: url(../assets/Web/gallery/info.gif);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

#galleryframe #thumbtbl li dd a.assetadd{
    margin-left:5px;
	background-image: url(../assets/Web/gallery/add.gif);
}
#galleryframebig #thumbtbl li dd a.assetdelete{
    margin-left:5px;
	background-image: url(../assets/Web/gallery/del.gif);
}
#galleryframebig #thumbtbl li dl{
	width: 115px;
	float: left;
}

/* res form */
#galleryframebig form{
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#galleryframebig form input{
	display: block;
	float: left;
	padding: 0px 0px 0px 2px;
	margin: 5px 0px 0px 0px;
	width: 50px;
}
#galleryframebig form label{
	display: block;
	float: left;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	width: 45px;
	text-align: left;
}
#galleryframebig form div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	float: left;
	padding: 0px 0px 0px 2px;
	margin: 5px 0px 0px 0px;
	width: 10px;
	text-align: left;
}
#galleryframebig form select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	margin: 5px 0px 0px 0px;
	width: 68px;
	float: left;
	color: #999;
}
#galleryframebig form div.submit{
	display: block;
	width:748px;
	padding: 0px;
	margin: 0px;
}
#galleryframebig form #assetgenerate, #galleryframebig form #assetdownload{
	text-transform: uppercase;
}
#galleryframebig form div.submit input{
	float: right;
	width: 85px;
	margin: 10px 9px 20px 0px;
	border: 1px solid #000;
	color:#000;
	text-transform:lowercase;
	background-color: #fff;
	cursor: pointer;
}

input.error{
	background-color:#fcc;
	color:#900;
	border-color:#900;
}
#galleryframebig div#spinner{
	float: right;
	background-repeat:no-repeat;
	display:none;
	width: 290px;
	height: 15px;
	margin-top: 10px;
	padding-left: 18px;
	padding-top: 1px;
	padding-right: 5px;
	background-color: #FFFFFF;
	color: #666666;
	background-image:url('/imagegallery/upload/spinner.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#galleryframebig form div.submit div#zip{
	float:right; 
	text-align: right;
	width: 300px;
	height: 15px;
	margin-top: 10px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 5px;
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* upload form */
#galleryframeupl form#upload_form{
	display: block;
	margin-top: 10px;
}
#galleryframeupl div#spinner{
	float: left;
	background-repeat:no-repeat;
	display:block;
	visibility: hidden;
	width: 100px;
	height: 15px;
	margin-top: 5px;
	margin-left: 10px;
	padding-left: 18px;
	background-color: #FFFFFFC;
	color: #666666;
	background-image:url('/imagegallery/upload/spinner.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#galleryframeupl form input#uploadsub{
	float: left;
	width:70px;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	margin-top: 5px;
	margin-bottom: 10px;
	cursor: pointer;
	text-transform: uppercase;
	display: none;
}
#galleryframeupl form input#my_file_element{
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	text-transform:lowercase;
	display: block;
}
#galleryframeupl div#files_header, #galleryframeupl div#files_list{
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:none;
	clear:both;
}
#galleryframeupl div#files_list{
	margin: 0px 8px 10px 0px;
}
#galleryframeupl div#files_list div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	height: 14px;
}
#galleryframeupl div#files_list div input{
	width:70px;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	text-transform:uppercase;
	margin: 0px;
	margin-left: 10px;
	float:right;
}
#galleryframeupl div.message, #galleryframeupl div.message a, #galleryframeupl div.error, #galleryframebig div.message{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#galleryframeupl div.error, #galleryframeupl div.message a{
	color: #FF6600;
}


/** joggink css edits **/

#galleryframeupl form#upload_form div#fileup{
   width:70px;
   height:20px;
   overflow:hidden;
   border-width:0px;
   position:relative;
   z-index:2;
   -moz-opacity:0.5;
   opacity:0;
   -kthml-opacity:0;
   filter:alpha(opacity=0);
   overflow:hidden;
   text-transform: uppercase;
}

#galleryframeupl form#upload_form div#fileup input{
   cursor: pointer !important;
   width:70px !important;
}

#galleryframeupl form#upload_form button#browse{
   width:70px;
   background-color:#fff;
   border:1px solid #000;
   color:#000;
   margin-top: 5px;
   margin-bottom: 10px;
   cursor: pointer !important;
   font-size:10px;
   position:absolute;
   top:195px;
   left:50%;
   margin-left:-370px;
   z-index:1;  
   text-transform: uppercase;
}
#galleryframeupl form#upload_form span#browseinfo{
   width:400px;
   color:#666;
   margin-top: 7px;
   margin-bottom: 10px;
   font-size:10px;
   position:absolute;
   top:195px;
   left:50%;
   margin-left:-290px;
   z-index:2; 
}

div.title{
	float:none;
	clear:both;
	background-color:#000;
	margin:10px 10px 10px 0px;
	text-transform:uppercase;
	color:#fff;
	font-size:10px;
	padding:2px;
}

#infoformp, #uploadformp{
   float:none;
   clear:both;
   display: none;
}

#editinfop{
   display:none;
}

#infoformp{
   display:block;
}

.infosubmit{
   font-size:10px;
}

.infosubmit input{
   color:#666;
   border:1px solid #000;
   width:200px;
   display:block;
   float:none;
   clear:both;
   margin-top:5px;
}

.infosubmit p{
   float:left;
   margin:0px;
   padding:0px;
   margin-top:5px;
}

.infosubmit input.chk{
	float:none;
	clear:none;
	width:16px;
	display:inline;
	margin:0px;
	margin-top:5px;
	margin-left:10px;
	border-width:0px !important;
}

.infosubmit textarea{
	clear:both;
	float:none;
	width:400px;
	height:120px;
	overflow:auto;
	margin-top:5px;
}

.infosubmit label{
   margin-top:5px;
}

#editinfop button#edit{
	width:70px;
	border:1px solid #000;
	background-color:#fff;
    padding:0px;
    font-size:10px;
	text-align:center;
	text-transform:uppercase;
	display:block;
	margin:0px 5px 10px 0px;
	float:left;
}

.infosubmit button{
	width:70px;
	border:1px solid #000;
	background-color:#fff;
    padding:0px;
    font-size:10px;
	text-align:center;
	text-transform:uppercase;
	display:block;
	margin:10px 5px 20px 0px;
	float:left;
}