/*
 *
 * ============================================================================================
 *
 *                                A r m o r e d  I n f o   W e b
 *
 *                                     Copyright(c) By
 *
 *                                       Armored Info LLC
 *
 *                             A L L   R I G H T S   R E S E R V E D
 *
 *  ============================================================================================
 * /
 */


/* Global Body Control---------------------------------------- */

body {
    font:1em 'Helvetica';
}

div:focus
{
  outline: 0;
}
/*----- txt,links,lines,titles -----*/

h1, h2, h3, h4, h5
{
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#000;
    font-weight:normal;
    padding-bottom:20px;
    position:relative;
    text-transform:none;
    text-shadow:1px 1px #e1e1e1;
}
h1 {
    font-size:29px;
    line-height:32px;
}
h2 {
    font-size:26px;
    line-height:28px;
}
h3 {
    font-size:24px;
    line-height:26px;
    word-spacing:-1px;
}
h3 span {
    display:block;
    margin-top:-1px;
}
h4 {
    font-size:20px;
    line-height:22px;
}
h5 {
    font-size:18px;
    line-height:20px;
}
h6 {
	line-height:1em;
	font-size:18px;
	color:#323232;
	font-family: "arial black";
  font-weight: normal;
	text-transform:uppercase;
	margin-bottom:19px;
}

.title3 {
	background:url(../images/title3.gif) repeat-x 0 0 #2e2e2e;
  background-size: 15%;
	border-radius:0.1em;
  padding: 15px 19px 17px;
	border-bottom:1px solid #252525;
	color:#fff;
	margin-bottom:0.5em;
  text-align:center;
}

#mptitleBarContainerWrap
{
  display: block;
  width: 100.1%;
  height: 3.2em;
  border-top: 1em solid #C6C6C6;
  border-bottom: 1em solid #C6C6C6;
}

#titleBarContainer
{
  padding: 0 0 0 0.5em;
  border: 2px solid #5d9ec8;
  box-sizing: border-box;
  display: inline-block;
  width: 97%;
  height: 100%;
  color: white;
  vertical-align: top;
  background: rgba(0,0,0,0.4);

}

.TitleBarContainerCol
{
  display: inline-block;
  width: 1.5%;
  height: 100%;
  background: #C6C6C6;
  vertical-align: top;
}

.title_project_bar
{
	background:url(../images/title3.gif) repeat-x 0 0 #2e2e2e;
	border-radius:4px;
	border-bottom:1px solid #252525;
	color:#fff;
	margin-bottom:16px;
}

a {
    color:#787878;
    outline:none;
    cursor:pointer;
    text-decoration:none;
}
a:focus {
    outline:none;
}
a:hover {
    text-decoration:none;
}
.clear {
    clear:both;
    line-height:0;
    font-size:0;
    overflow:hidden;
    height:0;
    width:100%;
    margin:0;
    padding:0;
    display:block;
}

p {
    padding-bottom:30px;
    color:#8e8e8e;
}
p > a {
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}
p > a:hover {
    text-decoration:none;
}
p em {
    color:#777777;
}
p strong {
    color:#252525;
}
.p {
    padding-top:1px;
}
.overflow {
    overflow:hidden;
}

section#content
{
    padding:0 0 14px;
}



/******************** Footer ******************/
footer
{
  padding:20px 0 20px;
}


#popupVideoContainer
{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}


/*  Dialog box classes */
.AiDialogBox
{
  background-color:rgba( 0, 0, 0,.8 );
  width: 60em;
  height: 50em;
  max-width: 63em;
}

.AiStandardDialog
{
   width:100%;
   height:100%;
   background-color:#403e3f;
}



.AiStandardDialogPane
{
  height: 100%;
  width: 100%;
  position: relative;
}


.AiStandardDialogNavContent
{
  width: 43em;
  height: 89%;
  float: left;
  padding: 0.4em;
}


#standardDialogButtonBar
{
  width: 73%;
  position: absolute;
  bottom: 2.7em;
  right: 1em;
}

#newMessageDialogButtonBar
{
  width: 100%;
  position: absolute;
  bottom: 0.5em;
  text-align: center;
}


.AiStandardDialogButtonBar
{
  height:3.5em;
  padding-top:1em;
  border-radius: .625em;
  vertical-align: middle;
  text-align: center;

}


.AiStandardDialogPopupContent
{
  background: #888;
  border:2px solid #5e9ec8;
  margin:0 auto;
  width:95%;
  height:91%;
  border-radius: .3em;
  box-sizing: border-box;
}


.AiStandardDialogContent
{
  width:100%;
  height:100%;
  position: relative;
}

.AiStandardDialogTitle
{
  color:white;
  text-align: center;
  height:1.7em;
  vertical-align: middle;
  font-size:170%;
  line-height:1.7em ;
  text-transform: uppercase;
  background: rgba(0,0,0,.7);
}



#buttonArray
{
  margin:auto;
  display: table;
  border-collapse: collapse;
}




.AiStdButton
{
   background:grey;
   padding: .1em;
   height:1em;
   text-transform: uppercase;
   text-shadow: none;
   color: black;
   box-shadow: none;
   border: 1px solid black;
   border-radius: 5px;
   cursor:pointer;
   display:inline-block;
 }


.AiDialogBtn
{
  padding: 0.8em 0;
  width: 6em;
  background:grey;
  text-transform: uppercase;
  text-shadow: none;
  color: black;
  font-size:120%;
  box-shadow: none;
  border: 2px solid black;
  cursor:pointer;
  display:table-cell;
  text-align:center;
}

#i18n_OK
{
  display: inline-block;
  color: #5c9ec8;
  border: 2px solid #5c9ec8;
  background-color: #403f3e;
}

.AiNavigationList
{
  margin-top:1em;
  height:86%;
  width:8em;
  border-right: 2px solid rgba(120, 120, 120, 0.98);
  border-radius: 0;
  font-size:175%;
  font-family: Calibri;
  color:white;
  float:left;
  background-color:#403e3f;
}

#connectionsMgr
{
  display: inline-block;
  vertical-align: top;
  width: 16%;
  margin-right: 3px;
}


#i18n_navSupport, #i18n_mpHome
{
  border-top: 0.2em solid #5c9ec8;
}

.DropDownOption
{
  height: 25%;
  border-bottom: 0.2em solid #5c9ec8;
  border-left: 0.2em solid #5c9ec8;
  border-right: 0.2em solid #5c9ec8;
  background: rgba(0,0,0,0.8);
  line-height: 2.8em;
  vertical-align: middle;
  cursor:pointer;
  font-size: 90%;
  text-transform: uppercase;
}

.DropDownOption:hover
{
  background: #5c9ec8;
  color:#000000;
}

#navMarketplaceWrapper
{
  display: inline-block;
  position: relative;
  height: 3em;
  vertical-align: top;
}

#vault_headerDropdown, #mp_headerDropdown
{
  left: -5%;
  width: 110%;
}

.NavDropDown
{
  position: absolute;
  top: 3em;
  left:0;
  z-index: 999;
  color: white;
  text-align: center;
  height: 10em;
  width: 100%;
  display:none;
  font-family: arial;
  font-size: 80%;
}

.NavTitleText
{
  color: white;
  font-family: "arial black";
  display: inline-block;
  font-size: 130%;
  text-align: center;
  cursor: pointer;
  padding-top: 0.5em;
  text-transform: uppercase;
  position: relative;
  vertical-align: top;
}


.NavTitleText:hover
{
  border-bottom: 2px solid #5c9ec8;
  box-sizing: border-box;
}



.NavDividerSpacer
{
  width: 3px;
  margin-left: 0.7em;
  margin-right: 0.7em;
  display: inline-block;
  vertical-align: top;
  height: 2em;
  margin-top: .6em;
  background-color: #555;
}


.AiMpGenreSelector
{
  margin: 2px 0;
  padding: 2px;
}

.AiNavListItem
{
  position: relative;
  padding-left: 0.25em;
  box-sizing: border-box;
  width: 7.7em;
  margin: 1em 0;
}


.AiVaultObjectSelectorList
{
  padding: 1px 10px 17px;
  border:0.15em solid black;
  background: linear-gradient(#444, #000);
  color:#ffffff;
  border-radius: .2em;
  margin: 4px 0;
}


.MpManagerTabListItem
{
  text-align: center;
  border-radius: 0.2em;
  background: linear-gradient(#444, #000);
  border: 1px solid black;
  width: 25%;
}


.AiMpNavItem
{
  padding: 0em 1em;
  text-align: left;
  white-space: nowrap;
  border-radius: 0.2em;
  border: 1px solid black;
  box-sizing: border-box;
  background: linear-gradient(#444, #000);
  margin: 4px 0;
}

/*
THESE HOVER AND SELECTED CLASS NAMES ARE USED THROUGHOUT THE APP FOR VWLISTBOX CONSTRUCTOR.
DO NOT CHANGE FOR SINGLE IMPLEMENTATIONS.
*/
.AiNavListItemHover, .AiNavListItemSelected
{
  background: #5c9ec8;
}


#mpLeftNav_menuHome
{
  padding: 0.6em 1em;
  width:100%;
}

.AiStdDialogBtn
{
  color: #000;
  font-size: 115%;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.4em;
  text-align: center;
  font-weight: 500;
  border:2px solid black;
  background:linear-gradient(#cccccc, #A9A6A6);
  box-sizing: border-box;
  cursor: pointer;
}

.AiBtnCollapse
{
  border-left:0;
}

.AiNavigationListItem > span
{
  margin-top:.150em;
  margin-bottom: .150em;
}

.AiDialogComboBtn
{
  height:60px;
  width:420px;

  background-color: transparent;
  color:#5c9ec8;
  font-family: arial;
  font-size: 2.923em;
  border:3px solid #5c9ec8;
  text-transform: uppercase;
  text-align: center;
  padding: 0.769em 0.769em 0px 0.769em;
  margin: auto;

}

.AiDialogBigComboList
{
  font-size:40%;
  width:480px;
  overflow:auto;
  border:1px outset #404040;
  border-radius: 5px;
  box-shadow: 3px 3px 2px #404040;
  background-color: white;
}

.AiDialogBigComboText
{
  color:white;
}


.ImgSmall
{
  width:2.2em;
  height:2.2em;
}


.AiProfileImg
{
  width:50px;
  height:50px;
  vertical-align: middle;
  border-style:solid;
  border-color: black;
  border-top-color: #747b84;
  border-bottom-color: #353e4b;
  background-color: #525965;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#747b84), to(#353e4b));
  background-image: -moz-linear-gradient(-90deg, #747b84 0%, #353e4b 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.35), inset 0 3px 3px rgba(255,255,255,0.15);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.35), inset 0 3px 3px rgba(255,255,255,0.15);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.35), inset 0 3px 3px rgba(255,255,255,0.15);
}

.AiGrayScale
 {
   filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: gray;

}

.AiVerticalAlign
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transform-style: preserve-3d;

}

.AiUploadSpinTitle
{
  display:inline-block;
  color:white;
  background-color:#404040;
  font-weight:bold;
  padding-top:10px;
  font-size:130%;
  height:2em;
  margin-bottom:2em;
}



.AiPopUpOverlay
{
  background: rgba(0,0,0,.85);
}



/* Mouse Cursors */

.cur_auto
{
 cursor:auto;
}
.cur_default
{
 cursor:default;
}
.cur_crosshair
{
  cursor:crosshair;
}
.cur_e_resize
{
 cursor:e-resize;
}
.cur_help
{
 cursor:help;
}
.cur_move
{
 cursor:move;
}
.cur_n_resize
{
 cursor:n-resize;
}
.cur_ne_resize
{
 cursor:ne-resize;
}
.cur_nw_resize
{
 cursor:nw-resize;
}
.cur_pointer
{
 cursor:pointer;
}
.cur_progress
{
 cursor:progress;
}
.cur_s_resize
{
 cursor:s-resize;
}
.cur_se_resize
{
 cursor:se-resize;
}
.cur_sw_resize
{
 cursor:sw-resize;
}
.cur_text
{
 cursor:text;
}
.cur_w_resize
{
 cursor:w-resize;
}
.cur_wait
{
 cursor:wait;
}


.AiAccountSettingsDialog
{
  display: block;
  font-size: 80%;
  width: 63em;
  height: 53em;
}



#mouseOverImageDisplay
{
  position:absolute;
  width:350px;
  height:350px;
  display:inline-block;
  padding:1em;
  float:left;
  z-index:999;
  background: rgba(0,0,0, 0.8);
}

#mouseOverImageDisplay img
{
  width:100%;
  height:100%;
  border: 2px solid #5c9ec8;
  box-sizing: border-box;
  border-radius: 0.2em;
  object-fit: cover;
}

.AiCloseDialogIcon
{
  margin: 4px;
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    black;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    black;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    black;
}