/*********Container style************************/
.ax-main-container{
	font-size: 16px;
	background: none;
	width:85%;
    margin:0 auto;
	/*text-align: center;*/
	/*width: 535px;*/
}
.pat-doc-upload .ax-main-container{margin:10px auto;}

.ax-main-title{
	
	visibility:hidden;
	display:none;
	/*width:80%;
	margin:0 auto;
	color: #997F5A;
	display: block;
	font-size: 100%;
	font-style: italic;
	font-weight: 400;
	text-shadow: 0 1px 1px #FFFFFF;*/
}

/*****************Button base style***********************************************/
	.ax-button
	{
        position: relative; 
        overflow: hidden; 
        display: inline-block; 
        text-align: center; 
        cursor:pointer;
		font-size:11px; 
        min-width:10px; 
        border-radius:3px; 
        outline:none; 
        font-family:'_.medium', sans-serif; 
        letter-spacing:1px;			   
        padding:2px 4px;
		vertical-align: text-bottom;
		color: #fff;
	}
	.ax-icon
	{
		display: inline-block;
		height: 14px;
		line-height: 14px;
		vertical-align: text-top;
		width: 14px;
	}
/****************************************************************************************/



/***************************Browse********************************************/
	.ax-browse-c
	{
		background:#066513; 
        border:1px solid #066513;
	}
	
	.ax-plus-icon
	{
		background: url(../images/icons.png) no-repeat 0px -332px;
	}
/****************************************************************************/



/***************************Upload all***************************************/
	.ax-upload-all
	{
		visibility:hidden;
		display:none;
		/*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(../images/icons.png) no-repeat -48px -332px;
	}
/****************************************************************************/


/***************************Clear all****************************************/
	.ax-clear
	{
        margin-left:5px;
	    background:#AD1100; 
        border:1px solid #AD1100;
	}
	.ax-clear-icon
	{
		background: url(../images/icons.png) no-repeat -216px -332px; margin-left:2px
	}
/****************************************************************************/

/***************************INFO****************************************/
.ax-info
{
	background:#0aae1f; 
    border:1px solid #0aae1f;
}
.ax-info-icon
{
	background: url(../images/icons.png) no-repeat -119px -332px;
}
/****************************************************************************/


/***************************DELETE****************************************/
.ax-delete
{
	background:#ff4136; 
    border:1px solid #ff4136;
}
.ax-delete-icon
{
	background: url(../images/icons.png) no-repeat -23px -332px;
}
/****************************************************************************/

.ax-browse-c:hover, .ax-upload-all:hover, .ax-clear:hover {
	opacity: 0.5;
}

.ax-remove, .ax-ask-no
{
    visibility:hidden;
	display:none;
	background:#ff4136; 
    border:1px solid #ff4136;
}

.ax-upload, .ax-ask-yes
{
	/*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;
	display:none;
}

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

.ax-disabled
{
	opacity: 0.5;
	cursor:auto;
}

.ax-remove:hover, .ax-upload:hover, .ax-abort:hover {
	opacity: 0.5;
}

.ax-ask-yes:hover, .ax-ask-no:hover{
	color:black;
}

.ax-preview
{
	/*max-height:0;
	max-width:0;*/
	visibility:hidden;
	display:none;
}


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

	visibility:hidden;
	display:none;

}

/************************List files styles******************************/
	.ax-file-list
	{
		list-style: none outside none;
		padding:0;
		margin:0;
		width: auto;
		color:white;

	}

    .pat-doc-upload .ax-file-list{color:#333}
	
	.ax-file-list li
	{	
		/*border-top: 1px solid #DDDDDD;*/
		height: auto;
		margin: 0 2px 2px 0;
		padding: 4px 0 4px 2px ;
		position: relative;
		text-align: center;
		width: 100%;
		color: white;
		Display: inline-block;
	}
	.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);
		
	}

    .pat-doc-upload .ax-file-list li{color:#333}
    .pat-doc-upload .ax-file-list li:hover{background: #e2e2e2}
	
	.ax-edit-fn
	{
		border:1px solid gray;
		background-color:#fff;
	}
/***********************************************************************/


/********************************* FILE DETAILS STYLE*****************************/
.ax-file-size
{
	/*text-align:left;*/
	/*font: 0.8em 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #000;
	overflow: hidden;
	padding:0;
	margin:0;
	visibility:hidden;*/
	display:none;
}

.ax-file-name
{
	text-align:left;
	font: 0.85em 'Roboto', sans-serif;
	color: #EBEBEB;
	overflow: hidden;
	padding:0;
	margin:0;
	width:100%;
}

.pat-doc-upload .ax-file-name{color:#333}

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

.ax-progress
{
	border:1px solid #ddd;
	border-radius: 2px;
	padding: 0;
	float:left;
	height: 18px;
	width: 39.5%;
	position: relative;
	text-align: center;
}

.ax-progress-bar
{
	height: 100%;
	width: 0; 
	background: #64B5F6;
}

.ax-progress-info
{
	font: 0.85em 'Roboto', sans-serif;
	height: 100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
    color: #EBEBEB;
}
.pat-doc-upload .ax-progress-info{color:#333}

.ax-toolbar
{
	position: absolute;
	right:0;
	top: 0;
	display: inline-block;
	overflow:hidden;
}

.ax-browse
{
	opacity: 0;
	cursor:pointer;
	height:20px;
	position: absolute;
	top: 0;
	right: 0;
}

.ax-details
{
	float: left;
	width: 60%;
	vertical-align:middle;
}




/*************************************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(../images/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(../images/icons.png) no-repeat  -87px -239px;
}
.ax-filetype-zip{
	background: url(../images/icons.png) no-repeat  -240px -164px;
}
.ax-filetype-doc{
	background: url(../images/icons.png) no-repeat  0 -162px;
}
.ax-filetype-docx{
	background: url(../images/icons.png) no-repeat  0 -162px;
}
.ax-filetype-rar{
	background: url(../images/icons.png) no-repeat -240px -164px;
}
.ax-filetype-exe{
	background: url(../images/icons.png) no-repeat  -83px 0;
}
.ax-filetype-xls{
	background: url(../images/icons.png) no-repeat  0 -243px;
}
.ax-filetype-xml{
	background: url(../images/icons.png) no-repeat -242px -81px;
}
.ax-filetype-mp4{
	background: url(../images/icons.png) no-repeat -240px 0;
}
.ax-filetype-avi{
	background: url(../images/icons.png) no-repeat -240px 0;
}
.ax-filetype-pdf{
	background: url(../images/icons.png) no-repeat -81px -242px;
}
.ax-filetype-gif{
	background: url(../images/icons.png) no-repeat -240px -244px;
}
.ax-filetype-bmp{
	background: url(../images/icons.png) no-repeat 0 -81px;
}
.ax-filetype-mp3{
	background: url(../images/icons.png) no-repeat 0 0;
}
.ax-filetype-ppt, .ax-filetype-pptx{
	background: url(../images/icons.png) no-repeat -160px -80px;
}
.ax-filetype-tiff{
	background: url(../images/icons.png) no-repeat -164px -243px;
}
.ax-filetype-txt{
	background: url(../images/icons.png) no-repeat -164px -163px;
}
/*****************************************************************************************************/


/*********************Drop Over Class*******************************************************************/
.ax-drop{
	border:2px solid blue;
	border-radius:4px;
}



/*************************************ASK DIV***************************************/
.ax-ask-div{
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	float:left;
	color:white;
	background-color:rgba(0,0,0,0.7);
	display: table;
}
.ax-ask-div .ax-ask-inner{
	display: table-cell; 
	vertical-align: middle;
}

.ax-ask-div .ax-ask-quest{
	width:100%;
}
/***********************************************************************************************/