/* html { min-height: 100%; margin-bottom: 1px; } */   /* so #viewpath doesn't shift in FF when there's no scrollbar. -- update 200703: no longer needed since #viewpath is inside the table now. */

#fcbody { background: #ddd; color: #000; font-family: sans-serif; font-size: 0.8em; text-align: left; }
.popupstatusbody { background: #fff !important; }

#fcbody dl { margin: 0 0 1em; padding: 0; }
#fcbody dt, dd { margin: 0; padding: 0; }

#pb { margin: 14px auto 2px auto; padding: 3px; }
#pb a { color: #000; }
#pb a:hover { color: #aaa; }
#pb { position: absolute; left: -8000px; }
#fcfooter { color: #8b8f8b; margin: 24px auto 4px auto; font-size: 8pt; }

/* #uploaderpage, #filelistpage, #defaultpage etc, are the outer containers for their respective pages. */
#uploaderpage, #uploadcompletepage, #filelistpage, #defaultpage { width: 940px; margin: 15px auto; background: white; border: 1px solid #999; padding: 10px; }
#uploaderpage #title, #popupstatuspage #title, #uploadcompletepage #title, #filelistpage #title, #defaultpage #title { font-size: 200%; font-weight: bold; padding: 8px 0 15px 0; }
/* #uploaderpage, #uploadcompletepage { width: 940px; } */
#uploaderpage #intro { text-align: left; margin: 0px auto 25px auto; }
#popupstatuspage { padding: 0; margin: 0 auto; }
#specialnote { font-weight: bold; }

#fc-container { /* padding: 8px 12px; */ } /* this is the whole page except for title and pb */
/* #fc-container a { color: #507090; }*/
/* #fc-container a:hover { color: #aaa; } */

/* #progBarContainer includes everything (progress bar, text, table); #theMeter includes just the bar and the text (percent and rate) */
#progBarContainer { padding-top: 10px; }
#progBar, #progBarText	{ width: 350px; }
#progBar { margin: 2px auto; height: 20px; border: 1px inset; background: #eee; text-align: left; }
#progBarDone { width: 0; height: 20px; border-right: 1px solid #444; background: #507090; background: #4a6695 url(/upload/fc_icons_etc/pb-bg-02.png) repeat-x; }
#theMeter { margin-bottom: 20px; }
#uploadCompleteMsg { width: 350px; margin: 0 auto 20px; }
#progBarContainer table { width: 350px; margin: 4px auto 20px auto; text-align: right; border-collapse: collapse; border: 0; border-bottom: 1px solid #bbb;}
#progBarContainer table td { border-top: 1px solid #bbb; text-align: center; }
#progBarContainer #upload-row-1, #progBarContainer #upload-row-3 { background: #e6e6e6; }
#progBarContainer #upload-row-2, #progBarContainer #upload-row-4 { background: #efefef; }

#progBarText	{ font-size: 90%; margin: 1px auto; white-space: nowrap; position: relative; }
#progRate	{ position: absolute; top: 0; left: 0; text-align: left; }
#progStatus	{ margin: 0 auto; text-align: center; font-style: italic; }
#progPercent	{ position: absolute; top: 0; right: 0; text-align: right; }

#theuploadform, #progBarPlaceholder, #uploadDoneContainer, #progBarContainer, #progBarContainer table { font-size: 9pt; } /* for sites that set their own ridiculous font sizes on general HTML elements instead of IDs and classes */

#fcuploadsummary { margin-top: 20px; margin-bottom: 20px !important; }
#fcuploadsummary dt { font-weight: bold; font-size: 120%; margin: 20px auto 10px auto; }
#fcuploadsummary dt.first { margin-top: 0; }
#fcuploadsummary dd { margin-bottom: 5px; }
#fcuploadsummary input { padding: 3px; }
#uploadstats dt { font-weight: bold; font-size: 120%; margin-bottom: 10px; }

td.headercell { font-weight: bold; }



#viewpath { white-space: nowrap; background: #efefef; margin: 0 auto 0 auto; padding: 0px 4px 0px 4px; }
#viewpath-outer { padding: 6px; }
#viewpath-inner { position: relative; height: 1.8em; }
#viewpath-text { text-align: left; position: absolute; left: 0; margin-top: 2px; }
#filelist #viewpath-text a { display: inline; }

div#optmenutop { text-align: right; position: absolute; right: 0; }
#optmenutop select, #optmenutop input			{ margin: 0; padding: 0; vertical-align: middle; font-size: 85%; }
.actionrow .controls select, .actionrow .controls input	{ margin: 0; padding: 0; vertical-align: middle; font-size: 85%; }
/* form#optionstop, form#optionsbottom { display: inline; margin: 0; padding: 0; } */

#optmenutop optgroup, #optmenubottom optgroup { font-weight: bold; font-style: normal; }
#optmenutop option, #optmenubottom option { padding-left: 20px; }

#filelist { text-align: left; border-collapse: collapse; margin: 2px auto; border: 1px solid #444; color: #000; width: 97%; }
#filelist tr { border: 0px solid white; }
#filelist tr.even { background: #efefef; }
#filelist tr.odd { background: #e6e6e6; }

/* Add these to replace the JS-based row mouseovers: 
#filelist tr.odd:hover, #filelist tr.even:hover { background: #507090; color: #fff; }
#filelist tr.odd:hover a, #filelist tr.even:hover a { color: #fff; }
*/

#filelist td { }
#filelist td#viewpath-cell { padding: 0; }
#filelist td#viewpath-cell a { text-decoration: underline; }
#filelistpage .pagelinks { margin-top: 20px; }

#filelist a:link { color: black; text-decoration: none; display: block; width: 100%; padding: 4px 2px; }
#filelist a:visited { color: black; text-decoration: none; display: block; width: 100%; padding: 4px 2px; }
#filelist a:hover { color: white; }


#filelist .emptytable { text-align: center; font-style: italic; padding: 4px; }

#filelist td.pname { background: url(/upload/fc_icons_etc/fcarrow.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.fname { background: url(/upload/fc_icons_etc/fcfile.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.diricon { background: url(/upload/fc_icons_etc/fcfolder.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.homeicon { background: url(/upload/fc_icons_etc/fchome.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.dname { background-color: inherit; }
#filelist td.pname, #filelist td.dname, #filelist td.fname { width: 55%; padding-left: 20px; }
/* #filelist td.thumb { background-image: none; } */
#filelist img.fcthumb, #filelist img.fcvidthumb { border: 1px solid #000; }
#filelist .mimeicon, #filegrid .mimeicon { border: 0; }


#filelist .info, #filelist .mv, #filelist .sel, #filelist .del, #filelist .opt, #filelist .cinfo { text-align: center; }
#filelist .size { text-align: right; }
#filelist .size { white-space: pre; padding: 4px 10px 4px 2px; }
#filelist .date { white-space: pre; padding: 4px 5px; text-align: right; }
#filelist .info, #filelist .mv, #filelist .del, #filelist .sel, #filelist .opt, #filelist .cinfo { padding: 0 6px; }
#filelist .spc { padding: 0 6px 0 3px; }

#filelist .info, #filelist .cp, #filelist .mv, #filelist .sel, #filelist .mopts, #filelist .del, #filelist .perms { display: none; }
#filegrid .info, #filegrid .cp, #filegrid .mv, #filegrid .sel, #filegrid .mopts, #filegrid .del, #filegrid .perms { display: none; }
#filelist #infohead, #filelist #cphead, #filelist #mvhead, #filelist #selhead, #filelist #delhead, #filelist #moptshead, #filelist #permshead { display: none; }
#filegrid #infohead, #filegrid #cphead, #filegrid #mvhead, #filegrid #selhead, #filegrid #delhead, #filegrid #moptshead, #filegrid #permshead { display: none; }


.optsmenu { min-width: 90px; max-width: 150px; background: #eee; border: 1px solid #999; color: #000; text-align: left; }
.optsmenu a { display: block; text-decoration: none; padding: 5px; color: #000; }
.optsmenu div { display: block; padding: 5px; color: #555; white-space: nowrap; font-style: italic; }
.optsmenu a:hover { background: #c7c7c7; }

#filelist th { text-align: center; padding: 5px 0; font-size: 120%; background: #507090; color: #fff; border-bottom: 1px solid #444; }
#filelist #namehead { text-align: left; padding-left: 7px; }
#filelist #namehead a, #filelist #sizehead a, #filelist #datehead a { color: #fff; font-weight: bold; }


#filegrid { margin: 10px auto; text-align: center; }
#filegrid td { width: 33%; padding: 10px; border: 1px solid #fff; }
#filegrid td:hover { background: #efefef; border: 1px solid #bbb; }
#filegrid a.thumb { display: block; }
#filegrid a.icon { display: block; border: 0; }
#filegrid img.icon { border: 0; }
#filegrid .prnt .info, #filegrid .prnt .size, #filegrid .prnt .cp, #filegrid .prnt .mv, #filegrid .prnt .sel, #filegrid .prnt .del { display: none; }
#filegrid .dir .info, #filegrid .dir .sel { display: none; }
#filegrid td#viewpath-cell a { text-decoration: underline; }
#filegrid img.fcthumb, #filegrid img.fcvidthumb { border: 1px solid #000; }

#filegrid .pname a:link, #filegrid .dname a:link, #filegrid .fname a:link		{ color: #000; text-decoration: none; padding: 4px 2px; }
#filegrid .pname a:visited, #filegrid .dname a:visited, #filegrid .fname a:visited	{ color: #000; text-decoration: none; padding: 4px 2px; }
#filegrid .pname a:hover, #filegrid .dname a:hover, #filegrid .fname a:hover		{ color: #000; text-decoration: underline; }

#filegrid .date, #filegrid .size { font-size: 90%; color: #676767; }

#filegrid .emptytable { text-align: center; font-style: italic; padding: 4px; }


form#itemactions { margin: 0; padding: 0; }
#filelist .actionrow a:link, #filelist .actionrow a:visited, #filegrid .actionrow a:link, #filegrid .actionrow a:visited { text-decoration: none; display: inline; width: auto; padding: 0; margin: 0; }
td.actionrow { padding: 6px; text-align: right; vertical-align: middle; white-space: nowrap; }
#filegrid { width: 100%; }
.actionrow .sizeinfo	{ float: left; text-align: left; padding-left: 5px; margin-top: 2px; }
.actionrow .links	{ float: right; text-align: right; padding-right: 10px; margin-top: 2px; width: 20%; }
.actionrow .controls	{ float: right; text-align: right; padding-right: 5px; padding-left: 8px; }

.actionrow a.toggle-counts { text-decoration: underline !important; }

#fcinfo { border-collapse: collapse; border: 1px solid #ccc; background: #efefef; padding: 3px; }
#fcinfo tr:hover { background: #e0e0e0; }
#fcinfo td { border-top: 1px solid #ccc; padding: 4px;  }
#fcinfo .spacer { height: 25px; }
#fcinfo .f { text-align: left; width: 50%; font-weight: bold; }
#fcinfo .v { text-align: left; }
#fcinfo .h { text-align: left; font-size: 16pt; font-weight: bold; }



#setfilecount_wrapper { margin: 15px 0 12px 0; }
#fcbody form#theuploadform { margin: 15px auto; width: 96%; }
#filefields { }
#filefields .even { }
#filefields .odd { }
.fileelement { margin-bottom: 5px; }
.onesubgroup { padding: 10px 0; border-top: 0px solid #ddd; }
.onesubgroup div { margin-bottom: 5px; }
.onesubgroup label { display: inline; font-size: 100%; } /* we're centered by default, so we don't need the floats and clearfix-filefield stuff; just inline it. */
.onesubgroup label, .onesubgroup input, .onesubgroup select { margin: 2px 0; }
.onesubgroup picksubdir_label, .onesubgroup .newsubdir_label { }
.onesubgroup input.file { background: #eee; } /* compensate for weird width in Safari */
.upform_note { clear: both; }

#addanotherfile { margin-top: 15px; }

.fcfieldwrap
{
	border-top: 0px solid #ddd;
	padding: 4px;
}

#setfilecount_title { margin-bottom: 8px; }
#choosefiles_title { margin-top: 10px; }

#perfile-textboxes
{
	margin: 8px 20px;
	width:500px;
	margin-left:460px;
	margin-top:-284px;
	display:block;
	float:left;
}

#perfile-textboxes-title
{
	font-size:1.5em;
	font-weight: bold;
}
#top-textboxes-title
{
	font-size:1.5em;
	font-weight: bold;
}

#bottom-textboxes-title
{
	font-size:1.5em;
	font-weight: bold;
}




#theuploadform textarea.upform_field
{
	height: 120px;
}
.radiobox
{
	margin-top: 3px !important;
	text-align: left;
}
#top-textboxes .radiobox,
#perfile-textboxes .radiobox,
#bottom-textboxes .radiobox
{
	float: left;
	width: 40%;
	display: block;
}

#formfield-biography
{
border:1px solid red;
	width:800px;
}

#uploadbutton { margin: 25px 0 10px 0; }
#uploadbuttonwrapper { border-top: 1px solid #ddd; }
.uploader-comments { text-align: left; border: 1px solid #e0e0e0; padding: 4px; }

.input_error { background-color: #FFDD00 !important; }




.onesubgroup label, .onesubgroup input, .onesubgroup select { margin: 7px 0; }

.upform_pair
{
	clear:both;

}
.upform_label
{
	float: left;
	width: 120px;
	text-align: left;
	padding: 3px 0;
}
#theuploadform .upform_field
{
	display: block;
	width: 300px;

}

#theuploadform input.upform_field checkbox {
padding:25px;
}



#theuploadform input.text,
#theuploadform textarea.upform_field,
#theuploadform select.upform_field
{
	border: 1px solid #888;
	padding: 3px;
	background: #efefef;
}
#theuploadform input.text,
#theuploadform textarea.textarea
{
	display: block;
	width: 300px;

}

#theuploadform input.checkbox
{
	width: 15px;
	float:left;
}
#theuploadform .upform_field:hover, #theuploadform .upform_field:focus
{
	background: #fff;
}
.upform_note
{
	text-align: left;
	padding: 7px 0;
}




#fcbody .hr { height: 1px; border-bottom: 1px solid #000; margin: 15px 2px; line-height: 1px; }
#fcbody h1, #fcbody h2, #fcbody h3, #fcbody h4, #fcbody h5, #fcbody h6 { margin-top: 5px; margin-bottom: 5px; }
#fcbody form { margin: 0; padding: 0; }
#fcbody p { margin-top: 10px; margin-bottom: 10px; }

#selections_table
{
	border-collapse: collapse;
	border: 1px solid #9a9a9a;
	margin: 15px auto;
	text-align: left;
}
#selections_table .odd	{ background: #e6e6e6; }
#selections_table .even	{ background: #efefef; }
#selections_table td { padding: 4px 4px 4px 20px; background: url(/upload/fc_icons_etc/fcfile.gif) 1% 50% no-repeat; }

#place_order { text-align: center; }
#theorderform { width: 300px; margin: 0 auto; padding: 3px; text-align: left; border: 1px solid #999; background: #e6e6e6; }
#theorderform .text { width: 150px; margin: 5px; padding: 3px; border: 1px solid #676767; }
#theorderform .submit input { margin: 5px; }

#itemperms { border-collapse: collapse; border: 1px solid #bbb; text-align: center; margin: 10px auto; color: #575757; width: 90%; }
#itemperms th { background: #507090; color: #fff; padding: 12px; font: bold 16pt sans-serif; }
#itemperms .heading td { background: #83B96B; color: #fff; padding: 4px; font: bold 10pt sans-serif; }
#itemperms td { padding: 2px; }
#itemperms td.name { text-align: left; }
#itemperms td.path { text-align: left; }
#itemperms td.none { text-align: left; font-style: italic; }
#itemperms td.ro, #itemperms td.rw { text-align: left; padding-left: 80px; white-space: nowrap; }
#itemperms tr.odd { background: #e9e9e9; }
#itemperms tr.even { background: #efefef; }
#itemperms a { color: #000; }
#itemperms tr:hover { background: #83B96B; color: #fff; }
#itemperms tr:hover a { color: #fff; text-decoration: underline; }
#itemperms tr:hover a:hover { color: #000; }
.itemperms-letters { font-size: 120%; font-weight: bold; }
#fc-container .itemperms-letters a { padding: 4px; color: #507090; text-decoration: none; }
#fc-container .itemperms-letters a:hover { background: #507090; color: #fff; }
#fc-container .itemperms-letters a.current { text-decoration: underline; }
#itemperms .button { margin: 10px; }


.footnote { font: italic 9pt sans-serif; color: #888; margin: 5px 40px; }

.enc_tbl
{
	border: 1px solid #777;
	margin: 10px auto;
}
.enc_tbl table
{
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	background: #fff;
	width: 100%;
	margin: 0;
	font-size: 8pt;
}
.enc_tbl table th
{
	padding: 9px;
	background: #507090;
	color: #fff;
}
.enc_tbl td.verthead
{
	padding: 9px;
	background: #507090;
	color: #fff;
	width: 50%;
}
.enc_tbl table th a, .enc_tbl td.verthead a
{
	color: #fff !important;
	text-decoration: none;
}
.enc_tbl table td a, .enc_tbl table td a:visited
{
	color: #000 !important;
	border: 0;
}
.enc_tbl table td
{
	padding: 7px;
	border-bottom: 1px solid #fff;
}
.enc_tbl table td.vertcell
{
	border-bottom: 1px solid #fff;
}
.enc_tbl table tr
{
	border-bottom: 1px solid #fff;
}
.enc_tbl table tr.odd
{
	padding: 4px;
	background: #f4f6f8;
	background: #f1f1f1;
	background: #efefef;
}
.enc_tbl table tr.even
{
	padding: 4px;
	background: #ffffff;
	background: #fafafa;
	background: #e9e9e9;
}
.enc_tbl table tr:hover
{
	background: #fcffb8;
	background: #d5d9d3;
}
.pagelinks span, .pagelinks a
{
	margin: 4px;
}
.enc_tbl input.text
{
	width: 200px !important;
	border: 1px solid #555;
	padding: 3px;
}
.enc_tbl textarea
{
	border: 1px solid #555;
	padding: 3px;
}
.enc_tbl textarea.shorttext
{
	width: 300px;
	height: 50px;
}
.enc_tbl textarea.mediumtext
{
	width: 300px;
	height: 80px;
}
.enc_tbl textarea.longtext
{
	width: 300px;
	height: 200px;
}
.enc_tbl .readonly
{
	margin-left: 5px;
}
#database_deleter
{
	margin: 30px 0;
	padding: 0;
}
.enc_create_tbl table
{
	/* width: auto; */
}
.enc_create_tbl th, .enc_create_tbl td,
.enc_edit_tbl th, .enc_edit_tbl td
{
	text-align: left;
}
.enc_create_tbl td.button, .enc_edit_tbl td.button
{
	text-align: center;
}


.encmenu { border: 1px solid #777; margin: 5px auto 20px auto; max-width: 400px; text-align: center; }
.encmenu a { display: block; padding: 5px; border: 0; color: #000 !important; border-top: 1px solid #fff; text-decoration: none; }
.encmenu a.odd { background: #efefef; }
.encmenu a.even { background: #e9e9e9; }
.encmenu a:visited { border: 0; border-top: 1px solid #fff; }
.encmenu a.first, .encmenu a.first:visited { border: 0; }
.encmenu a:hover { background: #d5d9d3; text-decoration: none; }
.encmenu .header { background: #507090; color: #fff; font: bold 8pt sans-serif; padding: 12px; }


.altcolor1 { color: #ffd200; }


.clear { height: 0; line-height: 0; font-size: 0; clear: both; }

.clearfixtb:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfixtb { display: inline-block; }

/* Hides from IE-mac */
* html .clearfixtb {height: 1%;}
.clearfixtb {display: block;}
/* End hide from IE-mac */



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





#filelist tr.actionrow { background: #507090; color: #fff; }
#filelist td.actionrow { border-top: 1px solid #444; }
#filelist .actionrow a:link { color: #fff; }
#filelist .actionrow a:visited { color: #fff; }
#filelist .actionrow a:hover, #filelist .actionrow a:visited:hover { color: #000; }
#filelist td#viewpath-cell a { color: #507090; }
#filelist td#viewpath-cell a:hover { color: #aaa; }

#filegrid td#viewpath-cell { background: #efefef; border: 1px solid #bbb; padding: 2px; }
#filegrid td.actionrow { background: #efefef; border: 1px solid #bbb; }


#uploaderpage, #uploadcompletepage, #filelistpage, #defaultpage
{
	border: 0;
	margin: 0 auto;
}

#fcbody { background: #eee; }

/* default styling, for most pages: */
#fcwrapper  { width: 750px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-20-center-750px.png) repeat-y; }
#fcwraphead { width: 750px; height: 15px; margin: 0 auto; background: transparent url(/upload/fc_icons_etc/shadowbg-20-top-750px.png) no-repeat; }
#fcwrapfoot { width: 750px; height: 15px; margin: 0 auto; background: transparent url(/upload/fc_icons_etc/shadowbg-20-bottom-750px.png) no-repeat; }

/* narrower styling for uploader and uploadcomplete pages: */
.uploaderbody #fcwrapper,  .uploadcompletebody #fcwrapper  { width: 800px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-20-center-500px.png) repeat-y; }
.uploaderbody #fcwraphead, .uploadcompletebody #fcwraphead { width: 800px; height: 15px; margin: 0 auto; background: transparent url(/upload/fc_icons_etc/shadowbg-20-top-500px.png) no-repeat; }
.uploaderbody #fcwrapfoot, .uploadcompletebody #fcwrapfoot { width: 800px; height: 15px; margin: 0 auto; background: transparent url(/upload/fc_icons_etc/shadowbg-20-bottom-500px.png) no-repeat; }

/* narrower/bare styling for popupstatus page: */
.popupstatusbody #fcwrapper, .popupstatusbody #fcwraphead, .popupstatusbody #fcwrapfoot
{
	width: auto; background-image: none; height: auto;
}








#tca1,#tcb1,#tcc1,#tcd1 { width: 25%; }
#tca2,#donef,#leftf,#totalf { width: 25%; }
#tca3,#dones,#lefts,#totals { width: 25%; }
#tca4,#donet,#leftt,#totalt { width: 25%; }




/*****************Button base style***********************************************/
	.ax-button
	{
	    margin-right: 4px;
	    margin-bottom: 5px;
	    overflow: hidden;
	    position: relative;
	    border: 1px solid #696969;
	    border-radius: 4px 4px 4px 4px;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 13px;
	    line-height: 18px;
	    padding: 4px 10px;
	    text-align: center;
	    vertical-align: middle;
	    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	    color: #FFFFFF;
	}
	.ax-icon
	{
		display: inline-block;
	    height: 14px;
	    line-height: 14px;
	    vertical-align: text-top;
	    width: 14px;
	}
/****************************************************************************************/



/***************************Browse********************************************/
	.ax-browse-c
	{
	 	background-color: #5BB75B;
	    background: -moz-linear-gradient(center top, #62C462, #51A351);
	    background: -ms-linear-gradient(top, #62C462, #51A351);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351));
		background: -webkit-linear-gradient(top, #62C462, #51A351);
		background: -o-linear-gradient(top, #62C462, #51A351);
		background: linear-gradient(top, #62C462, #51A351);

		filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62C462', endColorstr='#51A351', GradientType=0);
	}
	
	.ax-plus-icon
	{
		background: url(icons.png) no-repeat 0px -332px;
	}
/****************************************************************************/



/***************************Upload all***************************************/
	.ax-upload-all
	{
		background-color: #0074CC;
	    background: -moz-linear-gradient(center top, #0088CC, #0055CC);
	    background: -ms-linear-gradient(top, #0088CC, #0055CC);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#0055CC));
		background: -webkit-linear-gradient(top, #0088CC, #0055CC);
		background: -o-linear-gradient(top, #0088CC, #0055CC);
		background: linear-gradient(top, #0088CC, #0055CC);
		filter:progid:dximagetransform.microsoft.gradient(startColorstr='#0088CC', endColorstr='#0055CC', GradientType=0);
	}
	
	.ax-upload-icon
	{
		background: url(icons.png) no-repeat -48px -332px;
visibility:hidden;		
	}
/****************************************************************************/


/***************************Clear all****************************************/
	.ax-clear
	{
		background-color: #DA4F49;
	    background: -moz-linear-gradient(center top, #EE5F5B, #BD362F);
	    background: -ms-linear-gradient(top, #EE5F5B, #BD362F);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F));
		background: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
		background: -o-linear-gradient(top, #EE5F5B, #BD362F);
		background: linear-gradient(top, #EE5F5B, #BD362F);
		filter:progid:dximagetransform.microsoft.gradient(startColorstr='#EE5F5B', endColorstr='#BD362F', GradientType=0);
	}
	.ax-clear-icon
	{
		background: url(icons.png) no-repeat -216px -332px;
	}
/****************************************************************************/


.ax-browse-c:hover,.ax-upload-all:hover,.ax-clear:hover
{
	opacity:0.5;
	filter:alpha(opacity=50);
}

.ax-remove
{
	background-color: #DA4F49;
    background: -moz-linear-gradient(center top, #EE5F5B, #BD362F);
    background: -ms-linear-gradient(top, #EE5F5B, #BD362F);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F));
	background: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
	background: -o-linear-gradient(top, #EE5F5B, #BD362F);
	background: linear-gradient(top, #EE5F5B, #BD362F);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr='#EE5F5B', endColorstr='#BD362F', GradientType=0);
}

.ax-upload
{
	background-color: #0074CC;
    background: -moz-linear-gradient(center top, #0088CC, #0055CC);
    background: -ms-linear-gradient(top, #0088CC, #0055CC);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#0055CC));
	background: -webkit-linear-gradient(top, #0088CC, #0055CC);
	background: -o-linear-gradient(top, #0088CC, #0055CC);
	background: linear-gradient(top, #0088CC, #0055CC);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62C462', endColorstr='#51A351', GradientType=0);
visibility:hidden;			
}

.ax-abort .ax-icon
{
	background: url(icons.png) no-repeat -167px -332px;
}

.ax-disabled
{
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor:auto;
}

.ax-remove:hover, .ax-upload:hover, .ax-abort:hover
{
	opacity: 0.5;
	filter:alpha(opacity=50);
}


.ax-preview
{
	max-height:60px;
	max-width:80px;
}


.ax-prev-container
{
	float:left;
	height:80px;
    width: 80px;
    display: inline-block;
    background: url(icons.png) no-repeat -80px -78px;
}

/************************List files styles******************************/
	.ax-file-list
	{
		overflow:hidden;
	    list-style: none outside none;
	    padding:0;
		margin:0;
		width: 585px;
	}
	
	.ax-file-list li
	{	
		border-top: 1px solid #DDDDDD;
	    text-align:center;
	    margin: 0 2px 2px 0;
	    padding: 2px;
	    text-align:center;
	    
	    width: 585px;
	    height: 90px;
	}
	.ax-file-list li:hover
	{	
		background-color: #EBEBEB;
	    background: -moz-linear-gradient(center top, #EBEBEB, #BDBDBD);
	    background: -ms-linear-gradient(top, #EBEBEB, #BDBDBD);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#BDBDBD));
		background: -webkit-linear-gradient(top, #EBEBEB, #BDBDBD);
		background: -o-linear-gradient(top, #EBEBEB, #BDBDBD);
		background: linear-gradient(top, #EBEBEB, #BDBDBD);
		filter:progid:dximagetransform.microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#BDBDBD', GradientType=0);
		
	}
	
	.ax-edit-fn
	{
		border:1px solid gray;
		background-color:#fff;
	}
/***********************************************************************/



.ax-file-size, .ax-file-name
{
	text-align:left;
	font: 13px 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #000;
    overflow: hidden;
	padding:0;
	margin:0;
	width:100%;
}

.ax-file-name input
{
	width:80%;
}

.ax-progress
{
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image:linear-gradient(top, #f5f5f5, #f9f9f9);
	background-repeat:repeat-x;

	border-radius:4px;
	filter:progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	background-color: white;
    border-radius: 2px;
    margin-top: 30px;
    padding: 0;
    float:left;
    height:20px;
    width: 180px;
    position:relative;
    text-align:center;
}

.ax-progress-bar
{
    height: 100%;
	width: 0; 
	background-image: url(loader.gif);
}

.ax-progress-info
{
	font: 12px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    height: 100%;
    width: 100%;
    position:absolute;
    top:0;
		padding-top:4px;
	left:0;
	overflow:hidden;
}


.ax-toolbar
{
	float:right;
	display: inline-block;
	overflow:hidden;
	margin-top: 25px;
}

.ax-browse
{
	opacity: 0;
	filter:alpha(opacity=0);
	cursor:pointer;
	height:64px;
	position: absolute;
	top: 0;
	right: 0;
	
}

.ax-details
{
 	float: left;
    margin-top: 18px;
    padding: 10px;
    width: 190px;
}


/*************************************Light Box CSS***************************************/
#ax-box 
{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1001;
	display: none;
	border:2px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	
  -webkit-box-shadow: 0px 0px 21px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 21px 0px #ffffff; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 21px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	
}

#ax-box-shadow 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
	display: none;
}

#ax-box-close
{
	width:32px;
	height:32px;
	background:url(close.png) no-repeat 0 0;
	top:-5px;
	right:-5px;
	position:absolute;
	cursor:pointer;
}

#ax-box-fn
{
    background: none repeat scroll 0 0 black;
    bottom: 0;
    color: white;
    height: 38px;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 15;
}

#ax-box-fn span
{
    display: block;
    font-family: 'Volkhov',Georgia,sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 38px;
    padding: 0 20px;
}
/*****************************************************************************************************/




/*************************************File Type Icons*************************************************/
.ax-filetype-pdf{
	background: url(icons.png) no-repeat  -87px -239px;
}
.ax-filetype-zip{
	background: url(icons.png) no-repeat  -240px -164px;
}
.ax-filetype-doc{
	background: url(icons.png) no-repeat  0 -162px;
}
.ax-filetype-docx{
	background: url(icons.png) no-repeat  0 -162px;
}
.ax-filetype-rar{
	background: url(icons.png) no-repeat -240px -164px;
}
.ax-filetype-exe{
	background: url(icons.png) no-repeat  -83px 0;
}
.ax-filetype-xls{
	background: url(icons.png) no-repeat  0 -243px;
}
.ax-filetype-wav{
	background: url(icons.png) no-repeat -242px -81px;
}
.ax-filetype-mp4{
	background: url(icons.png) no-repeat -240px 0;
}
.ax-filetype-avi{
	background: url(icons.png) no-repeat -240px 0;
}
.ax-filetype-pdf{
	background: url(icons.png) no-repeat -81px -242px;
}
.ax-filetype-gif{
	background: url(icons.png) no-repeat -240px -244px;
}
.ax-filetype-bmp{
	background: url(icons.png) no-repeat 0 -81px;
}
.ax-filetype-mp3{
	background: url(icons.png) no-repeat 0 0;
}
.ax-filetype-ppt, .ax-filetype-pptx{
	background: url(icons.png) no-repeat -160px -80px;
}
.ax-filetype-tiff{
	background: url(icons.png) no-repeat -164px -243px;
}
.ax-filetype-txt{
	background: url(icons.png) no-repeat -164px -163px;
}

fieldset {border: 1px solid black;}