/* Teaser AD specific styles */

/* 
   Creator: Christian Klausner (SIE)
   Date:    10.12.2007
   Version: 0.1
*/

/* 
   Teaser ADs will be displayed on pages in special areas (left and right column).
   They are entered as normal pages were entered, but their layout is slightly different.
   
   Due to this fact Siemens designed this CSS classes to reflect the representation of 
   TeaserADs in the middle column during entering.
*/

/* LEFT TEASERAD SPECIFIC STYLES */
/* RIGHT SIDE WEBPART STYLES  */
#rightWrapperTeaserAD .box { width:195px; overflow:hidden; position:static; font-size:11px; margin-bottom:10px; color:#000066; font-family :Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .box .boxHeader { width:195px;  background-color:#6699ff; }
#rightWrapperTeaserAD .box .boxHeaderContent { padding-top:3px; padding-left:10px; padding-bottom:2px; clear:both; background-color:#6699ff;}
#rightWrapperTeaserAD .box .boxHeaderContent .ab12 { color:#ffcc66; }

#rightWrapperTeaserAD .box .boxHeaderYellow { width:195px;}
#rightWrapperTeaserAD .box .boxHeaderYellowContent { padding-top:3px; padding-left:10px; padding-bottom:2px; clear:both; background-color:#ffcc66;}
#rightWrapperTeaserAD .box .boxHeaderYellowContent .ab12 { color:#000066; }


#rightWrapperTeaserAD .box .boxContent { border-left:1px solid #6699ff; background-color:#ffffff; padding:10px; }
#rightWrapperTeaserAD .box .boxContent a { color:#000066;  }
#rightWrapperTeaserAD .box .boxContent a:hover { color:#000066; text-decoration:underline;}

#rightWrapperTeaserAD .box .boxContent .item  { color:#333333; margin-bottom:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .box .boxContent .item:hover { color:#cc0000; }
#rightWrapperTeaserAD .box .boxContent .item  .emphasis { float:left; display:block; color:#333333; text-decoration:underline; }
#rightWrapperTeaserAD .box .boxContent .item:hover .emphasis { color:#cc0000; }
#rightWrapperTeaserAD .box .boxContent .item  img { float:left; margin-bottom:10px; }
#rightWrapperTeaserAD .box .boxContent .item  strong { display:inline; font-family:Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .box .boxContent .item  .text { display:block; font-family:Arial, Helvetica, sans-serif; }

#rightWrapperTeaserAD .box .boxContent .splash  { color:#333333; margin-bottom:10px; text-decoration:none; }
#rightWrapperTeaserAD .box .boxContent .splash:hover { color:#cc0000; }
#rightWrapperTeaserAD .box .boxContent .splash  .emphasis  { color:#333333; text-decoration:underline; }
#rightWrapperTeaserAD .box .boxContent .splash:hover .emphasis { color:#cc0000; }
#rightWrapperTeaserAD .box .boxContent .splash img { margin-bottom:10px; }

#rightWrapperTeaserAD .box .boxContent .linkBox { margin-top:10px; }
#rightWrapperTeaserAD .box .boxContent .linkBox a { margin-top:10px; display:block; text-decoration:none; }
#rightWrapperTeaserAD .box .boxContent .linkBox a  .emphasis { color:#333333; text-decoration:underline; }
#rightWrapperTeaserAD .box .boxContent .linkBox a:hover .emphasis { color:#000066; }
#rightWrapperTeaserAD .box .boxContent .linkBox a  .text { color:#333333; text-decoration:none; font-weight:bold; }
#rightWrapperTeaserAD .box .boxContent .linkBox a:hover .text { color:#000066; }

#rightWrapperTeaserAD .box .boxContent .linkBox a.callToAction { text-decoration:underline; }

#rightWrapperTeaserAD .box .boxContent fieldset { margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .box .boxContent .inputText { margin-bottom:5px; width:168px; }
#rightWrapperTeaserAD .box .boxContent label { color:#333333; display:block; }
#rightWrapperTeaserAD .box .boxContent select { width:170px; font-size:12px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}

#rightWrapperTeaserAD .box .boxContent .ms-WPBody { padding: 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .box .boxContent .ms-WPBody .item  { padding: 0px; margin:0px 0px 10px 0px;}


#rightWrapperTeaserAD .ms-WPHeader {
  width:195px;
  height:20px;
  background-color:#6699ff;
  background-repeat:no-repeat;
}
#rightWrapperTeaserAD .ms-WPHeader td { border-bottom: 0px #6699ff solid; }
#rightWrapperTeaserAD .ms-WPTitle { padding-top:3px; padding-left:10px; color:#000066 font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#rightWrapperTeaserAD .ms-WPBorder { border: 0px; border-left: 1px #6699ff solid; }
#rightWrapperTeaserAD .ms-WPBorderBorderOnly { border: 0px; border-top: 1px #66699ff solid; border-left: 1px #6699ffsolid;  }
#rightWrapperTeaserAD .ms-WPBody { background-color:#ffffff; padding:10px; font-size:11px; }

#rightWrapperTeaserAD .ms-WPBody a { color:#000066; }
#rightWrapperTeaserAD .ms-WPBody a:hover { color:#000066; text-decoration:underline; }

#rightWrapperTeaserAD .ms-WPBody .item  { color:#333333; margin-bottom:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .ms-WPBody .item:hover { color:#cc0000; }
#rightWrapperTeaserAD .ms-WPBody .item  .emphasis { float:left; display:block; color:#333333; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .ms-WPBody .item:hover .emphasis { color:#cc0000; }
#rightWrapperTeaserAD .ms-WPBody .item  img { float:left; margin-bottom:10px; }
#rightWrapperTeaserAD .ms-WPBody .item  strong { display:inline;  font-family:Arial, Helvetica, sans-serif;}
#rightWrapperTeaserAD .ms-WPBody .item  .text { display:block; font-family:Arial, Helvetica, sans-serif; }

#rightWrapperTeaserAD .ms-WPBody .splash  { color:#333333; margin-bottom:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#rightWrapperTeaserAD .ms-WPBody .splash:hover { color:#cc0000; }
#rightWrapperTeaserAD .ms-WPBody .splash  .emphasis  { color:#333333; text-decoration:underline; }
#rightWrapperTeaserAD .ms-WPBody .splash:hover .emphasis { color:#cc0000; }
#rightWrapperTeaserAD .ms-WPBody .splash img { margin-bottom:10px; }

#rightWrapperTeaserAD .ms-WPBody .linkBox { margin-top:10px; }
#rightWrapperTeaserAD .ms-WPBody .linkBox a { margin-top:10px; display:block; text-decoration:none; }
rightWrapper .ms-WPBody .linkBox a:hover .text { color:#000066; }
#rightWrapperTeaserAD .ms-WPBody .linkBox a  .emphasis { color:#333333; text-decoration:underline; }
#rightWrapperTeaserAD .ms-WPBody .linkBox a:hover .emphasis { color:#000066; }

#rightWrapperTeaserAD .ms-WPBody fieldset { margin-bottom:10px; }
#rightWrapperTeaserAD .ms-WPBody .inputText { margin-bottom:5px; width:168px; }
#rightWrapperTeaserAD .ms-WPBody label { color:#333333; display:block; }
#rightWrapperTeaserAD .ms-WPBody select { width:170px; font-size:12px; margin-bottom:5px; }


/* RIGHT SIDE WEBPART STYLES  */


/* RIGHT TEASERAD SPECIFIC STYLES */




#leftWrapperTeaserAD .box { width:195px; overflow:hidden; position:relative; font-size:11px; margin-bottom:10px; color:#890101; font-family:Arial, Helvetica, sans-serif; }
#leftWrapperTeaserAD .box .boxHeader { width:195px;  background-color:#ffcc66; }
#leftWrapperTeaserAD .box .boxHeaderContent { padding-top:8px; padding-left:10px; padding-bottom: 8px; clear :both; }
#leftWrapperTeaserAD .box .boxContent { border:1px solid #ffdf9f; background-color:#fff2d9; padding:10px; }
#leftWrapperTeaserAD .box .boxContent .linkBox a:hover .text { color:#cc0000; }
#leftWrapperTeaserAD .box .boxContent a { color:#cc0000; text-decoration:none; }
#leftWrapperTeaserAD .box .boxContent .linkBox a:hover .emphasis { color:#890101; }
#leftWrapperTeaserAD .box .boxContent a:hover { color:#890101; }
#leftWrapperTeaserAD .box .boxContent .splash  { color:#890101; margin-bottom:10px; text-decoration:none; }
#leftWrapperTeaserAD .box .boxContent .item  { color:#890101; margin-bottom:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;  }
#leftWrapperTeaserAD .box .boxHeaderContent .ab12  { color:#890101; text-decoration:none; }
#leftWrapperTeaserAD .box .boxContent .splash:hover  { color:#cc0000; }
#leftWrapperTeaserAD .box .boxContent .item:hover  { color:#cc0000; }
#leftWrapperTeaserAD .box .boxContent .splash:hover .emphasis  { color:#890101; }
#leftWrapperTeaserAD .box .boxContent .item:hover .emphasis  { color:#890101; }
#leftWrapperTeaserAD .box .boxContent .item  img {  float:left; margin-right:10px; width:45px; height:45px; }
#leftWrapperTeaserAD .box .boxContent .item .text { display:block;  }
#leftWrapperTeaserAD .box .boxContent .item strong { display:block; }
#leftWrapperTeaserAD .box .boxContent .item  .emphasis { float:left; display:block; color:#cc0000; text-decoration:underline; }
#leftWrapperTeaserAD .box .boxContent fieldset { margin-bottom:10px; }
#leftWrapperTeaserAD .box .boxContent .splash img { margin-bottom:10px; }
#leftWrapperTeaserAD .box .boxContent .splash  .emphasis  { color:#cc0000; text-decoration:underline; }
#leftWrapperTeaserAD .box .boxContent .line { margin-bottom:10px; height:1px; width:100%; background-color:#ffcc66; }
#leftWrapperTeaserAD .box .boxContent .linkBox { margin-top:10px; }
#leftWrapperTeaserAD .box .boxContent .linkBox a { margin-top:10px; display:block; text-decoration:none; }
#leftWrapperTeaserAD .box .boxContent .linkBox a  .emphasis  { color:#cc0000; text-decoration:underline; }
#leftWrapperTeaserAD .box .boxContent .linkBox a  .text  { color:#890101; text-decoration:none; font-weight:bold; }
#leftWrapperTeaserAD .box .boxContent .inputText{ margin-bottom:5px; width:168px; }
#leftWrapperTeaserAD .box .boxContent label { color:#890101; display:block; }
#leftWrapperTeaserAD .box .boxContent select { width:170px; font-size:12px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
#leftWrapperTeaserAD .box .boxContent .linkBox a.callToAction { text-decoration:underline; }

#leftWrapperTeaserAD .box .boxContent .ms-WPBody { padding: 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; }
#leftWrapperTeaserAD .box .boxContent .ms-WPBody .item  { padding: 0px; margin:0px 0px 10px 0px;}

#leftWrapperTeaserAD .ms-WPHeader {
  width:195px;
  height:30px;
  background-image:url('../images/WebpartHeader_left.png');
  background-repeat:no-repeat;
}
#leftWrapperTeaserAD .ms-WPHeader td { border-bottom: 0px #FFFFFF solid; }
#leftWrapperTeaserAD .ms-WPTitle { padding-top:6px; padding-left:10px; color:#890101; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#leftWrapperTeaserAD .ms-WPBorder { border:1px solid #ffdf9f; border-top: 0px; }
#leftWrapperTeaserAD .ms-WPBorderBorderOnly { border:1px solid #ffdf9f; }
#leftWrapperTeaserAD .ms-WPBody { background-color:#fff2d9; padding:10px; font-size:11px;font-family:Arial, Helvetica, sans-serif; }
#leftWrapperTeaserAD .ms-WPBody .linkBox a:hover .text { color:#cc0000; }
#leftWrapperTeaserAD .ms-WPBody a { color:#cc0000; }
#leftWrapperTeaserAD .ms-WPBody .linkBox a:hover .emphasis { color:#890101; }
#leftWrapperTeaserAD .ms-WPBody a:hover { color:#890101; }
#leftWrapperTeaserAD .ms-WPBody .splash  { color:#890101; margin-bottom:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#leftWrapperTeaserAD .ms-WPBody .item  { color:#890101; margin-bottom:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#leftWrapperTeaserAD .ms-WPBody .splash:hover  { color:#cc0000; }
#leftWrapperTeaserAD .ms-WPBody .item:hover  { color:#cc0000; }
#leftWrapperTeaserAD .ms-WPBody .splash:hover .emphasis  { color:#890101; }
#leftWrapperTeaserAD .ms-WPBody .item:hover .emphasis  { color:#890101; }
#leftWrapperTeaserAD .ms-WPBody .item  img {  float:left; margin-right:10px; width:45px; height:45px; }
#leftWrapperTeaserAD .ms-WPBody .item .text { display:block; font-family:Arial, Helvetica, sans-serif; }
#leftWrapperTeaserAD .ms-WPBody .item strong { display:block; font-family:Arial, Helvetica, sans-serif; }
#leftWrapperTeaserAD .ms-WPBody .item  .emphasis { float:left; display:block; color:#cc0000; text-decoration:underline; }
#leftWrapperTeaserAD .ms-WPBody fieldset { margin-bottom:10px; }
#leftWrapperTeaserAD .ms-WPBody .splash img { margin-bottom:10px; }
#leftWrapperTeaserAD .ms-WPBody .splash  .emphasis  { color:#cc0000; text-decoration:underline; }
#leftWrapperTeaserAD .ms-WPBody .line { margin-bottom:10px; height:1px; width:100%; background-color:#ffcc66; }
#leftWrapperTeaserAD .ms-WPBody .linkBox { margin-top:10px; }
#leftWrapperTeaserAD .ms-WPBody .linkBox a { margin-top:10px; display:block; text-decoration:none; }
#leftWrapperTeaserAD .ms-WPBody .linkBox a  .emphasis  { color:#cc0000; text-decoration:underline; }
#leftWrapperTeaserAD .ms-WPBody .linkBox a  .text  { color:#890101; text-decoration:none; font-weight:bold; }
#leftWrapperTeaserAD .ms-WPBody .inputText{ margin-bottom:5px; width:168px; }
#leftWrapperTeaserAD .ms-WPBody label { color:#890101; display:block; }