/* CCIE green:  99CC00 */
/* CCIE tan: CC9900 */
/* CCIE blue:   3399CC */
/* CCIE purple: color: rgb(153, 102, 153); */

/*
  @group EMRC
  Even more rounded corners with CSS: Base stylesheet 
*/

.dialog {
    position:relative;
    margin: 0 auto;
    margin-left:12px; /* default, width of left corner */
    margin-bottom:0.5em; /* spacing under dialog */
    padding-left: 8px;
    padding-bottom: 7px;
    min-width:8em;
    max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
    min-height: 50px;
    color:#fff;
    z-index:1;
    clear:both;
}
.dialog .content,
.dialog .t,
.dialog .rcbb,
.dialog .rcbl {
    background:transparent url(/includes/css/box_emrc/img/strong-box.gif) no-repeat top right;
    _background-image:url(/includes/css/box_emrc/img/strong-box.gif);
}
.dialog .content {
    position:relative;
    zoom:1;
    _overflow-y:hidden;
    /* padding:0px 12px 0px 0px; */
    padding-right: 12px;
}
.dialog .t {
    /* top+left vertical slice */
    position:absolute;
    left:0px;
    top:0px;
    margin-left:-12px;
    width:12px; /* top slice width */
    height:100%;
    _height:1600px; /* arbitrary long height, IE 6 */
    background-position:top left;
}
.dialog .rcbb {
    /* bottom */
    position:relative;
    width:100%;
}
.dialog .rcbb,
.dialog .rcbl {
    height:20px; /* height of bottom cap/shade */
    font-size:1px;
}
.dialog .rcbb {
 background-position:bottom right;
}
.dialog .rcbl {
    position:relative;
    /* float: left; */
    width:12px; /* bottom corner width */
    margin-left:-12px;
    background-position:bottom left;
}
.dialog .hd,
.dialog .bd,
.dialog .ft {
    position:relative;
}

.dialog .wrapper {
    /* extra content protector - preventing vertical overflow (past background) */
    position:static;
    max-height:1000px;
    overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.dialog h1,
.dialog p {
    margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
    padding:0.5em 0px 0.5em 0px;
}
.dialog h1 {
    padding-bottom:0px;
}
/* @end */

/* @group EMRC Variants */

/* dialog variants - error */

.dialog.error-box .content,
.dialog.error-box .t,
.dialog.error-box .rcbb,
.dialog.error-box .rcbl {
    background-image:url(/includes/css/box_emrc/img/red-error-box.gif);
}
.dialog.error-box .content {
    padding-top: 10px;
    padding-left: 25px;
}
.dialog.error-box .content a {
    color: #FFF;
}
.dialog.error-box .rcbl {
    width: 30px;
    height: 25px;
}
.dialog.error-box .rcbb {
    height: 25px;
}

/* strong box */
.dialog.strong-box .content,
.dialog.strong-box .t,
.dialog.strong-box .rcbb,
.dialog.strong-box .rcbl {
    background-image:url(/includes/css/box_emrc/img/strong-box.gif);
}
.dialog.strong-box .content {
    padding-top: 10px;
    color: #000;
}
.dialog.strong-box .rcbb, .dialog.strong-box .rcbl {
    height: 15px;
}
/* h1 yellow box */
/* strong box */
.dialog.h1-box .content,
.dialog.h1-box .t,
.dialog.h1-box .rcbb,
.dialog.h1-box .rcbl {
    background-image:url(/includes/css/box_emrc/img/yellow-thick.gif);
}
.dialog.h1-box .content {
    padding-top: 6px;
    color: #000;
}
.dialog.h1-box .rcbb, .dialog.h1-box .rcbl {
    height: 15px;
}

/* "drip" variant */
.dialog.drip .rcbb,
.dialog.drip .rcbl {
    height:75px;
}
.dialog.drip {
    margin-left:65px;
}
.dialog.drip .t,
.dialog.drip .rcbl,
.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft,
.dialog.drip .wrapper {
    margin-left:-65px;
    width:65px;
}

.dialog.drip .wrapper {
 width:auto;
}

.dialog .wrapper .hd,
.dialog .wrapper .bd,
.dialog .wrapper .ft {
 margin-left:0px;
}

.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft {
 zoom:1;
 width:auto;
 padding:0px 2px 0px 12px;
}
/* @end */
/* @group boxo-rati method */ 

.box {
    padding-top: 2px;
    padding-bottom: 2px;
    clear: both;
    /*
    padding-left-value: 0pt;
    padding-right-value: 0pt;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;    
    margin-top: 0pt;
    margin-bottom: 2px;
    margin-right-value: 0pt;
    margin-left-value: 0pt;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    */
}

.box b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(/image_oa/boxes/snow.png) no-repeat; line-height: 1px; font-size: 1px; } 
.box b.tl {top: -1px; left: -1px; background-position: top left;}
.box b.tr {top: -1px; right: -1px; background-position: top right;}
.box b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
.box b.br {bottom: -1px; right: -1px; background-position: bottom right;}




/* white box */
#box-white b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(/image_oa/white.jpg) no-repeat; line-height: 1px; font-size: 1px; } 
#box-white b.tl {top: -.5px; left: -.5px; background-position: top left;}
#box-white b.tr {top: -.5px; right: -.5px; background-position: top right;}
#box-white b.bl {bottom: -.5px; left: -.5px; background-position: bottom left;}
#box-white b.br {bottom: -.5px; right: -.5px; background-position: bottom right;}
#box-white b.cn {background-image: url(/image_oa/boxes/bord-silver-2px.gif);}

.box-white {
    border: 2px solid #CCC;
    background-image: url(/image_oa/boxes/pink.png);
    background-repeat:repeat-x;
}
/* end white box */








/* eed box */
.eed_box {
    margin: 0 auto 15px 0;
    width: 140px;
}
.eed_box form {
    margin: 0;
    padding: 0;
}
.eed_box input.submit {
    font-size: 11px; 
    font-weight: bold;
}
.eed_box_content {
    font-size: 10px; 
    color: #FFF;
    background: #3EAAD8;
    text-align: center;
}

/* end eed box */

/* box blush */
#box-blush, .box-blush {
    position:relative;
    padding: 2px;
    background-image: url(/image_oa/boxes/fade-blush.png);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid silver;
    text-align: left;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    /*
    padding-right-value: 0pt;
    padding-left-value: 0pt;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    -x-background-x-position: 0%;
    -x-background-y-position: 0%;
    */
}
html>body .box-blush b.cn { background-image: url(/image_oa/boxes/bord-silver.gif); }
.box-blush h1 {
  margin: 2px;
  padding-top: 1px;
  font-size: 8pt;
  font-weight: bold;
  color: rgb(153, 102, 153);
  border-bottom: none;
  text-decoration: none;
}
.box-blush ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-blush li {
  margin-top: 3px;
  padding-bottom: 5px;
  padding-left: 7px;
  color: #609;
  font-size: 10px;
}

/* box light blue 2 */
#box-light-blue2, .box-light-blue2 {
    position:relative;
    padding: 2px 0; /* top/bottom left/right */
    background-image: url(/image_oa/boxes/extra_light-blue2.jpg);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #99CCFF;
    font-size: 1.15em;
    text-align: center;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-light-blue2 b.cn { background-image: url(/image_oa/boxes/bord-tan.gif); }
.box-light-blue2 h1 {
    margin: 2px;
    padding-top: 1px;
    color: #99ccff;
    border-bottom: none;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}
.box-light-blue2 ul {
    margin: 0;
    padding: 3px;
    list-style:none; 
    text-align: left;
}
.box-light-blue2 li {
    margin-top: 3px;
    padding: 0 0 5px 7px;
    color: #99ccff;
    font-size: 10px;
}



/* @end */

/* @group  Rounded Box Corners */
.box {margin: 0 0 0.75em 0; clear: both; position: relative;}
b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(/image_oa/boxes/white.png) no-repeat; line-height: 1px; font-size: 1px; } 
b.tl {top: -1px; left: -1px; background-position: top left;}
b.tr {top: -1px; right: -1px; background-position: top right;}
b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
b.br {bottom: -1px; right: -1px; background-position: bottom right;}
b.cn {background-image: url(/image_oa/boxes/bord-green.gif);}
     /* IE Filters */
    * html b.bl {bottom:-2px}
    * html b.br {bottom:-2px}
    * html b.cn {background-image: url(/image_oa/boxes/white.gif);}
/* @end */

/* @group  New Rounded Box Corners Templates */

/* silver boxes */
#box-silver, .box-silver {
    position:relative;
    padding: 3px;
    background: #fdfdfe;
    border: 1px solid #CCC;;
    text-align: left;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-silver b.cn, #box-silver b.cn { background-image: url(/image_oa/boxes/bord-silver.gif); }
.box-silver h2.keywords {
    color: #CC9900;
    font-weight: bold;
    text-align: center;
}


/* gray boxes */

#box-gray, .box-gray {
    position:relative;
    padding: 3px;
    background-image: url(/image_oa/boxes/fade-gray.jpg);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #CCC;;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-gray b.cn, #box-gray b.cn { background-image: url(/image_oa/boxes/bord-light-blue.gif); }
.box-gray ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-gray li {
  margin-top: 3px;
  padding: 0 0 5px 7px;
  color: #609;
  font-size: 10px;
}
.box-gray h2.categories {
    margin: 0 3px;
    padding: 3px;
    color: #CC9900;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}





/* light gray boxes */

#box-light-gray, .box-light-gray {
    position:relative;
    padding: 3px;
    background-image: url(/image_oa/boxes/fade-light-gray.jpg);
    background-color: white;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #CCC;
    text-align: left;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-light-gray b.cn, #box-light-gray b.cn { background-image: url(/image_oa/boxes/bord-silver.gif); }
.box-light-gray ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-light-gray li {
  margin-top: 3px;
  padding: 0 0 5px 7px;
  color: #609;
  font-size: 10px;
}
.box-light-gray h2.categories {
    margin: 0 3px;
    padding: 3px;
    color: #CC9900;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}



/* clear boxes */

#box-clear, .box-clear {
    position:relative;
    padding: 3px;
    background-image: none;
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #CCC;;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-clear b.cn, #box-clear b.cn { background-image: url(/image_oa/boxes/bord-silver.gif); }
.box-clear ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-clear li {
  margin-top: 3px;
  padding: 0 0 5px 7px;
  color: #609;
  font-size: 10px;
}
.box-clear h2.categories {
    margin: 0 3px;
    padding: 3px;
    color: #CC9900;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}




/* clear-bg boxes */

#box-clear-bg, .box-clear-bg {
    position:relative;
    padding: 5px;
    background-image: none;
    background-color: #3399cc;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #CCC;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-clear-bg b.cn, #box-clear-bg b.cn { background-image: url(/image_oa/boxes/bord-light-blue.gif); }
.box-clear-bg ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-clear-bg li {
  margin-top: 3px;
  padding: 0 0 5px 7px;
  color: #609;
  font-size: 10px;
}
.box-clear-bg h2.categories {
    margin: 0 3px;
    padding: 3px;
    color: #CC9900;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}




/* clear-bg2 boxes */

#box-clear-bg2, .box-clear-bg2 {
    position:relative;
    padding: 5px;
    background-image: none;
    background-color: cfaa45;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #CC9900;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-clear-bg2 b.cn, #box-clear-bg2 b.cn { background-image: url(/image_oa/boxes/bord-yellow.gif); }
.box-clear-bg2 ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-clear-bg2 li {
  margin-top: 3px;
  padding: 0 0 5px 7px;
  color: #609;
  font-size: 10px;
}
.box-clear-bg2 h2.categories {
    margin: 0 3px;
    padding: 3px;
    color: #CC9900;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}







/* yellow box */
#box-yellow, .box-yellow {
    position:relative;
    padding: 3px;
    background-image: url(/image_oa/boxes/fade-yellow.png);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #CC9900;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-yellow b.cn, #box-yellow b.cn { height: 7px; width: 7px; background-image: url(/image_oa/boxes/bord-yellow.gif); }
.box-yellow ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-yellow li {
  margin-top: 3px;
  padding: 0 0 5px 7px;
  color: #609;
  font-size: 10px;
}
.box-yellow h2.categories {
    margin: 0 3px;
    padding: 3px;
    color: #CC9900;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}

/* rounded orange box */
#box-rorange, .box-rorange {
    position:relative;
    padding: 3px;
    background-image: url(/image_oa/boxes/fade-orange.png);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #FF9933;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-rorange b.cn, #box-rorange b.cn { background-image: url(/image_oa/boxes/bord-orange.gif); }
.box-rorange ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-rorange li {
  margin-top: 3px;
  padding: 0 0 5px 7px;
  color: #609;
  font-size: 10px;
}
.box-rorange h2.categories {
    margin: 0 3px;
    padding: 3px;
    color: #CC9900;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}


/* orange box */
#box-orange, .box-orange {
    position:relative;
    background-image: url(/admin_ccie/images_oa/bg_yellow.png);
    background-color: transparent;
    background-attachment: scroll;
    border: 2px solid #FF9933;
    font-size: 1.15em;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    /* Make orange round corners
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px;
    */
}
html>body .box-orange b.cn, #box-orange b.cn { background-image: none; }
.box-orange h2 {
    text-decoration: underline;
    text-align: center;
}
.box-orange ul {
    margin: 10px 0 0 5px;
    padding: 0;
}
.box-orange li {
    list-style: none;
    margin-bottom: 15px;
}

/* light green */
#box-light-green, .box-light-green {
    position:relative;
    padding: 2px;
    background-image: url(/image_oa/boxes/fade-mint.png);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid rgb(149, 207, 114);
    font-size: 1.15em;
    text-align: center;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-light-green b.cn, #box-light-green b.cn { background-image: url(/image_oa/boxes/bord-green.gif); }
.box-light-green h1, .box-light-green h2 {
  margin: 2px;
  padding-top: 1px;
  color: cc6633;
  border-bottom: none;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}
.box-light-green ul {
  margin: 0;
  padding: 3px;
  list-style:none; 
  text-align: left;
}
.box-light-green li {
  margin-top: 3px;
  padding-bottom: 5px;
  padding-left: 7px;
  color: #609;
  font-size: 10px;
}

/* box light blue */
.box-light-blue {
    position:relative;
    padding: 3px 0 3px 3px; 
    background-image: url(/image_oa/boxes/fade-light-blue.jpg);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    border: 1px solid #99CCFF;
    font-size: 1.15em;
    text-align: left;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
}
html>body .box-light-blue b.cn { background-image: url(/image_oa/boxes/bord-light-blue.gif); }
.box-light-blue h2 {
    margin: 0 3px;
    padding: 3px;
    color: #6199CC;
     font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ebe6b6;
}
.box-light-blue ul {
    margin: 0;
    padding: 3px 0 3px 3px;
    list-style:none; 
    text-align: left;
}
.box-light-blue li {
    margin-top: 3px;
    padding: 0 0 5px 7px;
    color: #99ccff;
    font-size: 10px;
}

/* dark blue */

#box-dark-blue b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(/image_oa/boxes/white.png) no-repeat; line-height: 1px; font-size: 1px; } 
#box-dark-blue b.tl {top: -2px; left: -2px; background-position: top left;}
#box-dark-blue b.tr {top: -2px; right: -2px; background-position: top right;}
#box-dark-blue b.bl {bottom: -2px; left: -2px; background-position: bottom left;}
#box-dark-blue b.br {bottom: -2px; right: -2px; background-position: bottom right;}
#box-dark-blue b.cn {background-image: url(/image_oa/boxes/bord-tan-blue.png);}

#box-dark-blue, .box-dark-blue {
    position:relative;
    padding: 6px; 
    background-color: #3399CC;
    color: #C9DBEE;
    border: 2px solid #FC6;
    font-size: 1.15em;
    text-align: center;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    /* Works only in a few browsers
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px;
    */
}
html>body .box-dark-blue b.tl, #box-dark-blue b.tl {top: -2px; left: -2px; background-position: top left;}
html>body .box-dark-blue b.tr, #box-dark-blue b.tr {top: -2px; right: -2px; background-position: top right;}
html>body .box-dark-blue b.bl, #box-dark-blue b.bl {bottom: -2px; left: -2px; background-position: bottom left;}
html>body .box-dark-blue b.br, #box-dark-blue b.br {bottom: -2px; right: -2px; background-position: bottom right;}
html>body .box-dark-blue b.cn, #box-dark-blue b.cn {background-image: url(/image_oa/boxes/bord-tan-blue.png);}
.box-dark-blue a {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.box-dark-blue a:hover {
    color: #E7D18E;
}


/* dark purple */
#box-dark-purple, .box-dark-purple {
    position:relative;
    padding: 6px; 
    background-color: rgb(153, 102, 153);
    color: #C9DBEE;
    border: 1px solid #609;
    font-size: 1.15em;
    text-align: center;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    /* Works only in a few browsers
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px;
    */
}
html>body .box-dark-purple b.cn, #box-dark-purple b.cn {background-image: url(/image_oa/boxes/bord-purple.png);}
.box-dark-purple a {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}
.box-dark-purple a:hover {
    color: #FC6;
}





/* @end */