/*-------------------------------*/
/*Body and HTML supported classes*/
/*-------------------------------
body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	min-height: 100%;
}
html
{
	height: 100%;
	min-height: 100%;
	width: 100%; 
	margin: 0px; 
	padding: 0px;
}
*
{
	margin: 0px;
	padding: 0px;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
}
*/
/*-------------------------------*/
/*Container supported classes*/
/*-------------------------------*/
/*Main wrapper class*/
.ContainerWrapper
{
	background-color: #DFE8F6;
	border-right: 1px solid #9ABBE8;
	border-bottom: 1px solid #9ABBE8;
	border-left: 1px solid #9ABBE8;
	width: 100%;
}
/*Gap between wrapper and container*/
.ContainerMargin
{
	padding: 4px;
}

/*Container*/
 .uploadcontrol .Container {
    border: 1px solid #ccc;
    background-color: #FFF;
    padding: 3px;
    display: inline-block;
    /* background-color: #FFF; */
}
.uploadcontrol input[type="button"]
{
    background-color: #33ccff;
    BORDER: none;
    color: #fff;
    padding: 2px 7px;
    padding-right:7px !important;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.43) !important;
-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.43) !important;
box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.43)!important;
    }
.uploadcontrol input[type="button" i]{
    background-color: #33ccff;
    BORDER: none;
    color: #fff;
    padding: 2px 7px;
    padding-right:7px !important;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.43) !important;
-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.43) !important;
box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.43)!important;
margin-top:2px;
    }
 .uploadcontrol iframe {

    height: 30px !important;
    position: relative;
    left:-5px;
    top:-2px;
    
}
.controls iframe {
    height: 160px;
    border: 1px solid #fff !important;
}
#upload1,#upload2,#upload3,#upload4,#upload5,#upload6,#upload7,#upload8,#upload9,#upload10,#upload11,#upload12 input[type="button"]{
background: #4b8df8;
color: #FFF;
text-decoration: none;
padding: 4px 13px;
text-decoration: none;
text-transform: uppercase;
width: auto;
height: auto;
cursor: pointer;
font-size: 11px;
}
#btnDelete1,#btnDelete2,#btnDelete3,#btnDelete4,#btnDelete5,#btnDelete6,#btnDelete7,#btnDelete8,#btnDelete9,#btnDelete10,#btnDelete11,#btnDelete12 input[type="submit"]{
background: #4b8df8;
color: #FFF;
text-decoration: none;
padding: 4px 13px;
text-decoration: none;
text-transform: uppercase;
width: auto;
height: auto;
cursor: pointer;
font-size: 11px;
}
/*Header of each container*/
.ContainerHeader
{
	background-image: url(../Images/Container_Header.gif);
	height: 23px;
	font-size: 12px;
	font-weight: bold;
	color: #133047;
}
/*Margin of Header of each container*/
.ContainerHeader td
{
	padding: 4px;
}

/*-------------------------------*/
/*Messages Status supported classes*/
/*-------------------------------*/
/*General class for Message*/
#tblMessage
{
	height: 23px;
	width: 100%;
}
/*Message for Successful*/
#tblMessage.Success
{
	border: solid 1px #5AAD0D;
	background-color: #E5F7D5;
}
/*Message for Information*/
#tblMessage.Information
{
	border: solid 1px #88B5E9;
	background-color: #E2EDF8;
}
/*Message for Warning*/
#tblMessage.Warning
{
	border: solid 1px #FD7B04;
	background-color: #FFF7E7;
}
/*Message for Error*/
#tblMessage.Error
{
	border: solid 1px #FF0001;
	background-color: #FFEAEA;
}

/*-------------------------------*/
/*Messages Status supported classes*/
/*-------------------------------*/
/*General class for Message*/
.tblMessage
{
	height: 23px;
	width: 100%;
}
/*Message for Successful*/
.tblMessageSuccess
{
    height: 23px;
	width: 100%;
	border: solid 1px #5AAD0D;
	background-color: #E5F7D5;
}
/*Message for Information*/
.tblMessageInformation {
    height: 23px;
    width: 98%;
    border: solid 1px #999;
    background-color: #ccc;
    margin-left: 1%;
}

/*Message for Warning*/
.tblMessageWarning
{
    height: 23px;
	width: 100%;
	border: solid 1px #FD7B04;
	background-color: #FFF7E7;
}
/*Message for Error*/
.tblMessageError
{
    height: 23px;
	width: 100%;
	border: solid 1px #FF0001;
	background-color: #FFEAEA;
}

/*-------------------------------*/
/*Messages Status Icon supported classes*/
/*-------------------------------*/
/*General class for Message Icon*/
#dvIcon
{
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
}
/*Message Icon for Successful*/
#dvIcon.Success
{
	background-image: url('../Images/Message_Success.png');
}
/*Message Icon for Information*/
#dvIcon.Information
{
	background-image: url('../Images/Message_Information.png');
}
/*Message Icon for Warning*/
#dvIcon.Warning
{
	background-image: url('../Images/Message_Warning.png');
}
/*Message Icon for Error*/
#dvIcon.Error
{
	background-image: url('../Images/Message_Error.png');
}

/*-------------------------------*/
/*Messages Status Icon supported classes*/
/*-------------------------------*/
/*General class for Message Icon*/
.tblMessageIcon
{
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
}
/*Message Icon for Successful*/
.tblMessageIconSuccess
{
    line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
	background-image: url('../Images/Message_Success.png');
}
/*Message Icon for Information*/
.tblMessageIconInformation
{
    line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
	background-image: url('../Images/Message_Information.png');
}
/*Message Icon for Warning*/
.tblMessageIconWarning
{
    line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
	background-image: url('../Images/Message_Warning.png');
}
/*Message Icon for Error*/
.tblMessageIconError
{
    line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
	background-image: url('../Images/Message_Error.png');
}

/*-------------------------------*/
/*Progressbar supported classes*/
/*-------------------------------*/
/*Progressbar container wrapper*/
#dvProgressContainer
{
	border-left: solid 1px #CFCFCF;
	border-right: solid 1px #CFCFCF;
	width: 300px;
	height: 12px;
	background-image: url(../Images/Progressbar_Wrapper.gif);
}
/*Progressbar container*/
#dvProgress
{
	background-image: url(../Images/Progressbar_Content.gif);
	height: 100%;
	width: 0px;
}

/*-------------------------------*/
/*Progressbar supported classes*/
/*-------------------------------*/
/*Progressbar container wrapper*/
.dvProgressContainer
{
	border-left: solid 1px #CFCFCF;
	border-right: solid 1px #CFCFCF;
	width: 48px;
	height: 12px;
	background-image: url(../Images/Progressbar_Wrapper.gif);
}
/*Progressbar container*/
.dvProgress
{
	background-image: url(../Images/Progressbar_Content.gif);
	height: 100%;
	width: 0px;
}

/*-------------------------------*/
/*Grid supported classes*/
/*-------------------------------*/
/*Grid Header Row*/
.GridHeader
{
	background-image: url(../Images/Grid_Header.gif);
	height: 25px;
}
/*Grid Header row separator */
.GridHeader td.Separator
{
	border-right: solid 1px #C9CACA;
	padding: 0px 2px 0px 2px;
}
/*Grid row height for empty, normal, selected and hovered */
.GridRow, .GridEmptyRow, .GridNumberRow, .GridNormalRow, .GridAlternate, .GridHoverRow
{
	height: 20px;
}
/*Grid Empty row */
.GridEmptyRow
{
	vertical-align: middle;
	text-align: center;
	color: Gray;
}
/*Grid Numbered row */
.GridNumberRow
{
	background-image: url(../Images/Grid_RowNumber.gif);
}
/*Grid Normal row */
.GridNormalRow
{
	background-image: url(../Images/Grid_RowNormal.gif);
}
/*Grid Alternate row */
.GridAlternate
{
	background-image: url(../Images/Grid_RowAlternate.gif);
}
/*Grid Hover row */
.GridHoverRow
{
	background-image: url(../Images/Grid_RowHover.gif);
}
/*Grid Footer row*/
.GridFooter
{
	background-image: url(../Images/Grid_Footer.gif);
	height: 25px;
}
/*Grid Footer row left and right margin*/
.GridFooter td
{
	padding: 0px 3px 0px 3px;
}
.StartUpload
{
	/* for IE */
	filter:alpha(opacity=20);
	/* CSS3 standard */
	opacity:0.2;
}
.action_options .btn-group.show .dropdown-menu.show {
    display: block;
    left: inherit !important;
    transform: none !important;
    top: 15px !important;
}
@-moz-document url-prefix() {
   .uploadcontrol iframe {
        height: 32px !important;
    position: relative;
    left: -10px;
    top: -5px;
}
}
@media (min-width : 321px) and (max-width : 480px) {
    .new_pagination_list li.right {
       float:none !important; 
    }
}