/*
COLORS:

AliceBlue: #f0f8ff
DarkRed: #8b0000
LightYellow: #ffffe0

*/
body {
	/*background: #eae9e9; #F5F5F5 #fff*/
	color:#666;
	font-family: Source Sans Pro;
	font-size: 10pt;
	/*font:normal normal normal 12px/150% 'Source Sans Pro';*/
	/*background-image: url(../../graphics/design/body_bg_tight.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	background-position: top center;*/
}

.a {color: #0070af; text-decoration:none;}
.a:hover {color: #46851a;text-decoration: underline;}

a img {border: 0;}
a {color: #0070af; text-decoration:none ;}
a:hover {color: #46851a;text-decoration: underline;}
H1 {color: #006699; font-size: 16pt; font-weight: normal; line-height: 22px;font-family: 'Century Gothic',verdana,arial,helvetica,sans-serif;}
.contentArea H2 {color: #B7692F; font-size: 14pt; font-weight: normal; margin:0 0 10px;;font-family: 'Century Gothic',verdana,arial,helvetica,sans-serif;}
.contentArea H2 a {color: #B7692F; text-decoration:none;}
.contentArea H2 a:hover {color: #B7692F; text-decoration:none;}
.contentArea H3 {color: #006699; font-size: 12px; font-weight: normal; margin:0; font-family: 'Century Gothic',verdana,arial,helvetica,sans-serif;}
.contentArea p { line-height: 22px;}
.contentMain .content .contentArea .links { border: 1px solid #e9e9e9; padding: 3px;margin:4px 8px 10px 0; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ }

.contentMain .content .contentArea .roundedBox { border: 1px solid #e9e9e9; padding: 3px;margin:4px 8px 10px 0; width: 100%; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;}

.roundedBox {border: 1px solid #e9e9e9; margin: 4px 0 10px; padding: 8px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;}
.roundedBox  img {border: 1px solid #55AFE2; float: left; margin-right: 20px;}
.roundedBox .more {position:absolute; top:2px; right:4px;}
.roundedBox .hrVideo {height: 1px;color: #e9e9e9;background-color: #e9e9e9;margin-bottom: 5px; margin-top: 5px;}
.roundedBox .date {color:#b5b3b3; font-style:italic; padding-right: 10px;}

.hr,hr {background-image:url(../../graphics/design/home/hr.gif); height:1px; color:#B7692F;}
/* BUTTONS */
    .btnCloseBtnReg
    {
         Color: #708090;
         font-weight: normal;
         background: none repeat scroll 0 0 transparent;
         text-decoration: none;
         border-radius: 15px 15px 15px 15px;
         border: 1px solid #708090;
        display: inline-block;
        font-size: 12pt;
        font-weight: bold;
        padding: 0px 4px 0px 4px; /* top, right, bottom, left*/
        text-shadow: none;
        white-space: nowrap;
         -moz-transition: all 0.3s ease-out;
           -o-transition: all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
    }
.btnRemove {
    text-decoration: none;
    background: none repeat scroll 0 0 transparent /*#F5F5F5*/;
    border: 1px solid DarkGray;
    border-radius: 5px 5px 5px 5px;
    color: #8b0000;
    display: inline-block;
    font-size: 12pt;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 0px 4px; /* top, right, bottom, left*/
    text-shadow: none;/*0 1px 0 rgba(0, 0, 0, 0.4);*/
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.btnRemove:hover {
    background: none repeat scroll 0 0 #8b0000;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    color: white;
    text-shadow: none;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}

.btnAdd {
    text-decoration: none;
    background: none repeat scroll 0 0 transparent /*#F5F5F5*/;
    border: 1px solid DarkGray;
    border-radius: 5px 5px 5px 5px;
    color: Green;
    display: inline-block;
    font-size: 14pt;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 0px 4px; /* top, right, bottom, left*/
    text-shadow: none;/*0 1px 0 rgba(0, 0, 0, 0.4);*/
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.btnAdd:hover {
    background: none repeat scroll 0 0 Green;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    color: white;
    text-shadow: none;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}

a.btnSm, .btnSm {
text-decoration: none;
background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid DarkGray;
    border-radius: 5px 5px 5px 5px;
    color: darkRed;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 6px 10px;
    text-shadow: none; /*0 1px 0 rgba(0, 0, 0, 0.4);*/
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
a.btnSm:hover, .btnSm:hover {
    background: none repeat scroll 0 0 darkRed;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    color: white;
    text-shadow: none;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
 a.btnSmR, .btnSmR {
text-decoration: none;
/*text-transform:uppercase;*/
background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid DarkGray;
    border-radius: 5px 5px 5px 5px;
    color: Green;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    font-family: Source Sans Pro;
    margin: 0px 0 0;
    padding: 3px 3px;
    text-shadow: none; /*0 1px 0 rgba(0, 0, 0, 0.4);*/
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
a.btnSmR:hover, .btnSmR:hover 
{
    
    background: none repeat scroll 0 0 DarkRed;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    color: white;
    text-shadow: none;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
a.btn, .btn {
text-decoration: none;
background: none repeat scroll 0 0 #55afe2;
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 6px 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
a.btn:hover, .btn:hover {
    background: none repeat scroll 0 0 #197eb7;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    color: #fff;
    text-shadow: none;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}

a.btnReg, .btnReg {
text-decoration: none;
background: none repeat scroll 0 0 #228b22; /* forest green #2e8b57 sea green*/
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 6px 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
a.btnReg:hover, .btnReg:hover {
    background: none repeat scroll 0 0 #006400; /* dark green*/
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    color: #fff;
    text-shadow: none;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
a.btn_gray, .btn_gray {
text-decoration: none;
background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #666;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 6px 12px;
    /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); */
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
 a.btn_gray:hover, .btn_gray:hover {
    background: none repeat scroll 0 0 #197eb7;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    color: #fff;
    text-shadow: none;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
/* YB: brown button */
a.btn_brown, .btn_brown {
text-decoration: none;
background: none repeat scroll 0 0 #B7692F;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 6px 12px;
    /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); */
    white-space: nowrap;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
/* YB: end brown button */


/* ==================================================================================================================== */
/* 20120910 - GB: Additional styles used specifically by AOM apps. */
/* ==================================================================================================================== */
.memberContainer a.aAppTitle {position:absolute; color:#B7692F; top:-8px; left:10px; /*text-transform:uppercase;*/ font-size:20px; font-weight:600; letter-spacing:1px; line-height:24px; font-family:'Century Gothic',verdana,arial,helvetica,sans-serif;}
.memberContainer a.aAppTitle:hover {color:#46851A; text-decoration:underline;}
.memberContainer a.aAppLink {color:#B7692F; text-decoration:none; line-height:40px;}
.memberContainer a.aAppLink:hover {color:#46851A; text-decoration:underline; line-height:40px;}

/* YB. styles */
.label
{
    color: black;
    font:normal normal normal 11px verdana, arial, sans-serif; /* ??? ? Century Gothic? 'helvetica neue',helvetica*/
    border: none;
}
.dropdown
{
    color: #666;
    font:normal normal normal 11px verdana, arial, sans-serif; /* ??? ? Century Gothic? 'helvetica neue',helvetica*/
    border: 1px solid #cccccc;
}
.watermarked {
	/*
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;*/
	border: 1px solid #cccccc;
	background-color:white;/*#FFF3DB;*/
	color:#666;
	font:normal normal normal 11px verdana, arial, sans-serif;
	font-style:italic;
	background-image: url(../../graphics/design/search_sm.png);
	background-position:right;
	background-repeat:no-repeat;
}
.watermarkedWhite {
	border: 0;
	background-color: White;
	color:#666;
	font:normal normal normal 11px verdana, arial, sans-serif;
	font-style:italic;
}
.brownFontRegular
{
    color: #b7692f;
}
/* popUp extender style */
/* <style></style> cannot be used on a content page */
.modalBackground {
	background-color: #f5f5f5;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	
background-color: darkgray;
	border-width: 1px;
	border-style: solid;
	border-color: #197EB7;
	padding: 3px;
	width: 560px; /*460px; smaller window. trying to increase the size of textarea/taxtboxes*/
	height: 590px;
	visibility: visible;
	
	/*display:inline;*/
	/*display:none; --> same with visibility: hidden; --> popup does not flicker on page load but won't show up when called. wtf! finally solved: see Page_Load in Leadership*/
}
/* to show submission details on proceedings.aspx */
.modalPopup2 {
	
background-color: darkgray;
	border-width: 1px;
	border-style: solid;
	border-color: #197EB7;
	padding: 3px;
	width: 800px; /*460px; smaller window. trying to increase the size of textarea/taxtboxes*/
	height: 600px;
	visibility: visible;
	
	/*display:inline;*/
	/*display:none; --> same with visibility: hidden; --> popup does not flicker on page load but won't show up when called. wtf! finally solved: see Page_Load in Leadership*/
}
.hidden
{
    display: none;
}
    .watermarked {
	/*
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;*/
	border: 1px solid #cccccc;
	background-color:white;/*#FFF3DB;*/
	color:#666;
	font:normal normal normal 11px verdana, arial, sans-serif;
	font-style:italic;
	background-image: url(../../graphics/design/search_sm.png);
	background-position:right;
	background-repeat:no-repeat;
}
/*
.modalBackground {
	background-color: #6d6e71;
	filter: alpha(opacity=70);
	opacity: 0.7;
}