/*
     ISIN-CORE FRONT-END CAPTIONS MODUL STYLES

     .captionsEnvelope     - styly pre <DIV> v ktorom su vsetky navigacne panely zabalene (vsetky su v tomto jednom,
                           nie kazdy zvlast v tomto)

     struktura sablony :

     <div class="caption">
       <div class="caption_icon"><img src=".."></div>
       <a href="" class="caption_mainlink">
        <div class="caption_title">nadpis</div>
        <div class="caption_subtitle">podnadpis</div>
       </a>
       -LINK-                  (ten tag vygeneruje html kod <a href="..." class="caption_sublink">nazovsublinky</a> )
       <div class="caption_text">text</div>  <-- tento div je bud nad alebo pod -LINK-, podla toho ako je to nastavene
                                                 v adminovi (zobrazovanie textu nad alebo pod linkami v paneli)
     </div>

*/

.captionsEnvelope          { float: left; width : 100%; padding : 0px; border: 0px solid; }

.caption                   { text-align: left; width : 100%; padding : 0px; background: #FFFFFF; float: left; border:1px solid #E8E8E8; margin-bottom:5px; }

.caption_icon              {}

a.caption_mainlink         { color:#404040; text-decoration: none; }
a:visited.caption_mainlink {}
a:hover.caption_mainlink   { text-decoration : underline; }
.caption_title             { margin: 4px; font-size : 14px; font-weight : bold; }
.caption_subtitle          { margin: 4px; font-weigh : bold; }
.caption_text              { margin: 4px;}

a.caption_sublink          { margin-left: 6px; font-size: 11px; font-weight: bold; color:#0097B6; text-decoration: none; }
a:visited.caption_sublink  {}
a:hover.caption_sublink    { text-decoration : underline; }

a.caption_sublink_b          { margin-left: 6px; font-size: 11px; color:#666666; text-decoration: none; }
a:visited.caption_sublink_b  {}
a:hover.caption_sublink_b    { text-decoration : underline; }

.captionBorderedWhite	   	   		    { text-align: left; width: 90%; position: relative; left: 10px; background: #FFFFFF; float: left; border: 2px solid #DBDBDB; margin-bottom:5px; }
.caption_titleBorderedWhite             { margin: 4px; font-size : 14px; font-weight : bold; background-color: #F6F6F6;}
.caption_subtitleBorderedWhite          { margin: 4px; font-weigh : bold; }
.caption_textBorderedWhite              { margin: 0px;}

.captionRight			   	   		    { text-align: left; width: 100%; background: #FFFFFF; float: left; border: 1px solid #CCCCCC; margin-bottom:7px; }
.caption_titleRight			            { float: right; background-color: #F6F6F6; color: #666666; height: 38px; border-bottom: 1px solid #E8E8E8; margin-bottom: 5px;  font-size : 13px; font-weight : bold; }
.caption_subtitleRight			        { float: left; margin: 11px; font-weight : bold; border: 1px solid}
.caption_textRight		                { margin-left: 11px; margin-top: 0px; margin-bottom: 10px; width: 147px; border: 0px solid;}
.caption_iconRight         				{ width: 50%; float: right; text-align: right; background: #F6F6F6;}

.captionBottom			   	   		    { display: inline; text-align: left; width: 180px; background: #FFFFFF; float: left; border: 1px solid #CCCCCC; margin-bottom:5px; }
.caption_titleBottom			        { float: left; background-color: #F6F6F6; color: #666666; border-bottom: 1px solid #E8E8E8; margin-bottom: 5px;  font-size : 13px; height: 38px;}
.caption_subtitleBottom			        { float: left; margin: 11px; font-weigh : bold; border: 1px solid}
.caption_textBottom		                { float: left; width: 155px; position: relative; margin-top: 8px; margin-bottom: 10px; left: 15; border: 0px solid;}
.caption_iconBottom         			{ width: 50%; float: right; text-align: right; background: #F6F6F6;}