.width100P{
    width:100%;
}

#roloFragment .roloWidget
{
    width: 100%;
    background: #FFFFFF;
}

#roloFragment .roloWidget .header
{
    font-weight: bold;
    height: 5px;
}

#roloFragment .roloWidget .header .right-end
{
    padding-right: 10px;
    padding-top: 4px;
    margin-left: 10px;
    z-index: 100;
}

#roloFragment .roloWidget .header .right-end a
{
    text-decoration: none
}

#roloFragment .roloWidget .header .right-end span
{
    font-size:11px;
}

#roloFragment .roloWidget .content
{
    border: 1px solid #999999;
    margin-top: -5px; /* Necessary to cope with ie6 */
}

#roloFragment .roloWidget .footer
{
    /*background: transparent url(../images/borders/bkg_boxinfo_white_bl.gif) no-repeat scroll left bottom;*/
    padding-left: 6px;
    margin-top: -1px;
}

#roloFragment .roloWidget .footer .right-end
{
    width: 100%;
    margin-top: -1px;
}

#roloFragment .roloWidget .link { padding-left: 5px; }


/************************************************
* ROLO-FRAGMENT - WIDGET
************************************************/

#roloFragment .widget {
    padding: 0;
    margin: 0;
    border: 0;
}

#roloFragment .widget .header {
    height: 22px;
}

#roloFragment .widget .header .left, #roloFragment .widget .header .right {
    width: 7px;
}

#roloFragment .widget .header .left {
    background: transparent url(../images/borders/bkg_boxinfo_white_tl_new.gif) no-repeat left top;
}

#roloFragment .widget .header .center {
    background: transparent url(../images/borders/bkg_boxinfo_white_tc_new.gif) repeat-x left top;
    font-size: 12px;
    font-weight: bold;
}

#roloFragment .widget .header .right {
    background: transparent url(../images/borders/bkg_boxinfo_white_tr.gif) no-repeat right top;
}

#roloFragment .widget td.contentLeft, #roloFragment .widget td.contentRight {
    font-size: 0;
}

#roloFragment .widget td.contentLeft {
    border-left: 1px solid #999;
}

#roloFragment .widget td.contentRight {
    border-right: 1px solid #999;
}

#roloFragment .widget .footer {
    height: 22px;
}

#roloFragment .widget .footer .left, #roloFragment .widget .footer .right {
    position: relative;
    width: 7px;
}

#roloFragment .widget .footer .left {
    background: transparent url(../images/borders/bkg_boxinfo_white_bl_new.gif) no-repeat left top;
}

#roloFragment .widget .footer .center {
    background: transparent url(../images/borders/bkg_boxinfo_white_bc_new.gif) repeat-x left top;
}

#roloFragment .widget .footer .right {
    background: transparent url(../images/borders/bkg_boxinfo_white_br.gif) no-repeat right top;
}

/*
  ----------------------------------------
  |          GLOBAL CLASSES              |
  ----------------------------------------
*/
#roloFragment .roloGrayTable
{
    background-color: rgb(245, 245, 245);
    font-size: 11px;
    margin-left: 5px;
    margin-right:5px;
}

#roloFragment .roloGrayTable span
{
    font-size: 11px;
}

#roloFragment .roloGrayTable span.underlined { text-decoration: underline; }

#roloFragment .roloGrayTable span.smallText
{
    font-size: 10px;
    font-style:italic;
}

#roloFragment .roloGrayTable input
{
    height: 12px;
    font-size: 11px;
}

#roloFragment .roloGrayTable a { color: black; }

#roloFragment .roloGrayTable .teaser td
{
    font-size: 11px;
    border-bottom:1px solid white;
}

#roloFragment .roloGrayTable .teaser span { font-size: 11px; }

#roloFragment .roloGrayTable .button
{
    height: 17px;
    width: 20px;
    vertical-align: bottom;
    color: #006666;
    background-color: white;
    border: 1px solid #006666;
}

#roloFragment .roloGrayTable select { height:20px; }

#roloFragment .roloGrayTable .checkBox { height:20px; }

#roloFragment .roloGrayTable .txtInput { height:11px; }

#roloFragment .roloGrayTable .blank { height:20px; }

#roloFragment .roloCube
{
    width: 10px;
    height: 10px;
}

#roloFragment .w { background-color: white; }

#roloFragment .roloButton
{
    font-size: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #006666;
    background-color: white;
    border: 1px solid #006666;
}

#roloFragment .roloMenu
{
    width: 100%;
    height: 110px;
}

#roloFragment .roloMenu select
{
    width: 250px;
    font-size: 11px;
}


#roloFragment .roloHeatmapcube
{
    width: 50px;
    height: 70px;
    float: left;
}

#roloFragment .margin-top122 { margin-top:122px; }

#roloFragment .margin-top55 { margin-top:55px; }

#roloFragment .margin-top40 { margin-top:40px; }

#roloFragment .margin-top37 { margin-top:37px; }

#roloFragment .margin-top28 { margin-top:28px; }

#roloFragment .margin-top21 { margin-top:21px; }

#roloFragment .margin-top15 { margin-top: 15px; }

#roloFragment .margin-top12 { margin-top: 12px; }

#roloFragment .margin-top8 { margin-top: 8px; }

#roloFragment .margin-top6 { margin-top: 6px; }

#roloFragment .margin-top5 { margin-top: 5px; }

#roloFragment .margin-right10 { margin-right: 10px; }

#roloFragment .padding-right5 { padding-right: 5px; }

#roloFragment .padding-right25 { padding-right: 25px; }

#roloFragment .padding-left48 { padding-left:48px; }

#roloFragment .padding-top15 { padding-top: 15px; }

#roloFragment .padding10 { padding: 10px; }

#roloFragment .italic{ font-style:italic;}

#roloFragment .clearboth { clear: both; }

#roloFragment .bold { font-weight: bold; }

/*#roloFragment .l { text-align: left; }*/

/*#roloFragment .r { text-align: right; }*/

/*#roloFragment .c { text-align: center; }*/

#roloFragment .fl { float: left; }

#roloFragment .fr { float: right; }

#roloFragment .grayText { color:#CCCCCC; }

#roloFragment .textCenter { text-align:center; }

#roloFragment .textRight { text-align:right; }

#roloFragment .roloDivTitle
{
    width: 100%;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
}

#roloFragment .floatLeft { float: left; }

#roloFragment .floatRight { float: right; }

#roloFragment .cb, #roloFragment #roloFormCT  .cb
{
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
    line-height:0;
    padding: 0;
    margin: 0;
}

#roloFragment .hidden { display: none; }
#roloFragment .roloHidden { visibility:hidden; }

#roloFragment ul.content
{
    list-style-type: none;
    border: 0;
    padding: 0;
    margin: 1px;
}

#roloFragment ul.content li
{
    border: 0;
    padding: 0;
    margin: 0;
    background:none;
}

#roloFragment .roloNormal
{
    color:#000000;
    font-weight:normal;
}

#roloFragment .roloTableCell
{
    width:95%;
    height:100%;
}

#roloFragment .roloTableCell .txt { width:100%; }

#roloFragment .roloTableCell .timestamp
{
    width:100%;
    float:right;
    text-align:right;
}

#roloFragment #tradingForm .boxContentGrey {height:344px;}

html>body #roloFragment #tradingForm .boxContentGrey {height:auto;min-height:344px;}

/*#roloFragment hr{height:0px;clear:both;visibility:hidden;}*/

/*
  ----------------------------------------
  |       CHART-SPECIFIC CLASSES         |
  ----------------------------------------
*/

#roloFragment .roloChartSelector {}

#roloFragment .roloChartSelector tr td div
{
    height: 20px;
    border: 1px dotted GrayText;
}

#roloFragment .roloChartSelector tr td div a
{
    text-decoration: none;
    margin-top: 5px;
    vertical-align: middle;
    color: black;
}

#roloFragment .roloChartSelector tr td div a:hover { color: #FF6600; }

#roloFragment .roloChartSelector input
{
    width: 60px;
    height: 10px;
    font-size: 10px;
}

#roloFragment .roloChartParameters { height: 100%; }

#roloFragment .roloChartParameters select
{
    width: 150px;
    height: 20px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

#roloFragment .roloChartParameters .timestampInput
{
    width:10px;
    height:12px;
    font-size:10px;
}

#roloFragment .roloComparisons { height: 100%; }

#roloFragment .roloComparisons .tradeMenu
{
    width: 170px;
    height: 20px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    margin-left:5px;
}

#roloFragment .roloComparisons .search
{
    height: 10px;
    width: 170px;
}

#roloFragment .roloComparisons .inputMargin
{
    width:100%;
    margin-left:10px;
    margin-bottom:5px;
    margin-top:5px;
}

#roloFragment .roloWholeContent { width:100%; }

#roloFragment .roloWholeContent .pageHeader
{
    width: 100%;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
    height:15px;
}

#roloFragment .roloWholeContent .pageHeader span
{
    font-weight:bold;
    font-size:11px;
}

#roloFragment .roloWholeContent .availability
{
    width:100%;
    height:40px;
}

#roloFragment .roloRightContent
{
    width: 190px;
    float: right;
}

#roloFragment #roloBigContent
{
    width: 780px;
    float: left;
}

#roloFragment #roloSearchContent
{
    position: relative;
    overflow: hidden;
    clear: both;
    /*width:60%;*/
}



/*
  ----------------------------------------
  |           LISTING-TABLES             |
  ----------------------------------------
*/

#roloFragment .even { background-color: #FFF; }

#roloFragment .odd { background-color: #F2F8FA; }

#roloFragment .ptr { cursor: pointer; }

#roloFragment .roloListingTable, #roloFragment .roloListingTableNonSortable, #roloFragment .roloNewsTable
{
    border: medium none;
    text-align: left;
    padding: 3px 2px 3px 3px;
    width: 100%;
}

#roloFragment .roloListingTable2
{
    border: medium none;
    text-align: left;
    padding: 3px 2px 3px 3px;
    width: 100%;
    height: 100%;
}

#roloFragment .roloListingTable th, #roloFragment .roloNewsTable th, #roloFragment .roloListingTable2, #roloFragment .roloListingTableNonSortable th
{
    font-size: 10px;
    padding: 3px;
}

#roloFragment .roloListingTable td, #roloFragment .roloNewsTable td, #roloFragment .roloListingTable2, #roloFragment .roloListingTableNonSortable td
{
    padding: 3px;
    font-size: 11px;
}

#roloFragment .roloListingTableNonSortable thead th { background:#CCCCCC; }

#roloFragment .roloListingTableNonSortable thead th a { color:#000000; }

#roloFragment .roloListingTable th.sorted a, #roloFragment .roloListingTable2 th.sorted a { color: #FF6600; }

#roloFragment .roloListingTable th a, #roloFragment .roloListingTable2 th a { background: url(/stat/images/plus/sortable_off.png) no-repeat; }

#roloFragment .roloListingTable th.asc a, #roloFragment .roloListingTable2 th.asc a { background-image: url(/stat/images/plus/sortable_up.png); }

#roloFragment .roloListingTable th.desc a, #roloFragment .roloListingTable2 th.desc a { background-image: url(/stat/images/plus/sortable_down.png); }

#roloFragment th.sorted a, #roloFragment th.sortable a, #roloFragment .roloListingTable th.desc a, #roloFragment .roloListingTable th.asc a, #roloFragment .roloListingTable2 th.desc a, #roloFragment .roloListingTable2 th.asc a
{
    padding-right: 15px;
    background-position: right center;
    display: block;
}

#roloFragment .roloNewsTable .thinColumn { width: 10%; }

/*#roloFragment .pagelinks { padding-left: 10px; }*/

#roloFragment .trendneg
{
    float:right;
    height:10px;
    background-color:#990000;
}

#roloFragment .trendpos
{
    float:right;
    height:10px;
    background-color:#006666;
}

/*
  ----------------------------------------
  |                TABS                  |
  ----------------------------------------
*/
#roloFragment .roloNavigationBox
{
    height: 30px;
    background: transparent;
    margin: 18px 0 0px 0;
}

#roloFragment .roloNavigationBox ul
{
    background: gray url(../images/box-header-4.gif) no-repeat;
    width:auto;
    height: 20px;
    padding: 0;
    margin: 0;
    list-style: none outside none;
}

#roloFragment .roloNavigationBox li
{
    /*background: #4E679C;*/
    float: left;
    height: 20px;
    margin: 0;
    margin: 3px 0 0;
}

#roloFragment .roloNavigationBox span
{
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 0 0px;
}

#roloFragment .roloNavigationBox a
{
    color: #FFF;
    font-weight: bold;
    padding: 0 10px;
    text-decoration: none;
    white-space: nowrap;
}


#roloFragment .roloNavigationBox .selected span
{
    margin-left:0.2em;
    margin-right:0.2em;
    background: #999999;
    cursor: default;
}

#roloFragment .roloNavigationBox .selected a
{
    color: #000;
    cursor: default;
}

#roloFragment .roloTab
{
    height: 70%;
    background-color: #FFFFFF; /*margin:3px 3px 3px 3px;*/
}

#roloFragment .roloBasictab
{
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 6px;
    margin-left: 0;
    margin-bottom: 2px;
    font: bold 9px Verdana;
    border-bottom: 1px solid gray;
    list-style-type: none;
    text-align: left;
}

#roloFragment .roloBasictab li
{
    display: inline;
    margin: 0 0 0 -6px;
}

#roloFragment .roloBasictab li a
{
    text-decoration: none;
    padding: 3px 7px;
    border: 1px solid gray;
    border-bottom: none;
    background-color: #FFFFFF;
    color: GrayText;
}

#roloFragment .roloBasictab li a:visited { color: GrayText; }

#roloFragment .roloBasictab li a:hover
{
    background-color: #FFFFFF;
    color: black;
}

#roloFragment .roloBasictab li a:active { color: black; }

#roloFragment .roloBasictab li a.selected /*selected tab effect*/
{
    position: relative;
    top: 1px;
    padding-top: 4px;
    background-color: #FFFFFF;
    color: black;
}

#roloFragment .roloBasictab li a.current /*selected tab effect*/
{
    position: relative;
    top: 1px;
    padding-top: 4px;
    background-color: #FFFFFF;
    color: black;
}





/*
  ----------------------------------------
  |            INFO POPUP                |
  ----------------------------------------
*/

#roloFragment #roloInfoPopup,#roloFragment #roloBourseInfoPopup
{
    width:250px;
    background-color: rgb(245, 245, 245);
    display:none;
    position:absolute;
    font-family: Verdana,Helvetica,sans-serif;
    font-size:11px;
    border: 1px solid #888;
}

#roloFragment #roloInfoPopup .title,#roloFragment #roloBourseInfoPopup .title{ font-weight:bold;padding: 4px; }

#roloFragment #roloInfoPopup .definition { font-weight:normal; }

#roloFragment #roloInfoPopup .header, #roloFragment #roloBourseInfoPopup .header
{
    /*width:100%;*/
    color:white;
    background-color: #999999;
    font-weight:bolder;
    font-size:11px;
    padding: 2px 3px;
}

#roloFragment .roloWarningInfoPopup, #roloFragment #roloFlagLegend
{
    position: absolute;
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 11px;
	background-color: #FFFFCC;
}

#roloFragment .roloInfoBox
{
    width:100%;
    height:18px;
    overflow:hidden;
    margin-bottom:-5px;
    text-align:center;
}

/*
  ----------------------------------------
  |       NEWS SPECIFIC CLASSES          |
  ----------------------------------------
*/


#roloFragment .roloNewsTitles { width: 100%; }

#roloFragment .roloNewsTitles td
{
    height: 30px;
    text-align: center;
}

#roloFragment .roloNewsTitles .title
{
    background-color: #E56717;
    font-size: 11px;
    font-weight: bold;
}

#roloFragment .roloNewsTitles .title td
{
    height: 20px;
    text-align: left;
    vertical-align: middle;
}

#roloFragment .roloNewsTitles select
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    margin-bottom: 2px;
    width: 200px;
}

#roloFragment .roloNewsTitles .grayLine { background-color: rgb(245, 245, 245); }

#roloFragment .roloNewsTitles .textDiv
{
    float: left;
    text-align: left;
    margin-top: 7px;
    width: 120px;
}

#roloFragment .roloNewsTitles .menuLegend
{
    width: 80px;
    float: left;
    text-align: left;
}

#roloFragment .roloNewsTitles .menuLegend div { height: 20px; }

#roloFragment .roloNewstitles .optionsMenu
{
    width: 200px;
    float: left;
}

#roloFragment .roloNewsTitles .period
{
    width: 80px;
    float: left;
}

#roloFragment .roloNewsTitles .period .legend
{
    height: 19px;
    vertical-align: bottom;
}

#roloFragment .roloNewsTitles .dateTime
{
    width: 240px;
    float: left;
}

#roloFragment .roloNewsTitles .inputFields
{
    width:65px;
    height:15px;
}

#roloFragment .roloHeadline
{
    width: 100%;
    font-weight: bold;
    border-bottom: 2px solid black;
}

#roloFragment .roloHeadline span { font-weight: normal; }

#roloFragment .roloGrayFrame
{
    border: 1px solid gray;
    font-weight: bold;
}

#roloFragment .roloSelection {}

#roloFragment .roloSelection .languages { border-bottom: 1px dotted gray; }


/*
  ----------------------------------------
  |             SEARCH.JSP               |
  ----------------------------------------
*/
#roloFragment #roloLetters div
{
    width: 22px;
    margin: 1px;
    padding: 1px 0;
    float: left;
    color: white;
    font-size: 18px;
    font-weight: bold;
    background-color: #006666;
    text-align: center;
    font-family: Helvetica, sans-serif;
}

#roloFragment #roloLetters div.active { background-color: #009999; }

#roloFragment .fundinfoLogo
{
    background: transparent url(../images/fundinfo_positiv_RGB.gif) no-repeat scroll right center;
    margin-top: 5px;
    width: 150px;
    height: 40px;
    float: right;
}

#roloFragment .choice
{
    list-style: none outside none;
    padding: 0;
    margin: 0;
}

#roloFragment .choice li { float: left;background: none; }

#roloFragment div.roloBoxLink
{
    clear: both;
    width: 273px;
    margin-bottom: 12px;
    margin-right: 12px;
}

#roloFragment div.roloBoxLink .boxHeader
{
    background: transparent url(../images/borders/bkg_boxinfo_trans_tl.gif) repeat-x scroll left top;
    font-weight: bold;
    padding-left: 6px;
}

#roloFragment div.roloBoxLink .boxHeader div
{
    background: transparent url(../images/borders/bkg_boxinfo_trans_tr.gif) no-repeat scroll right top;
    color: #FFFFFF;
    height: 10px;
}

#roloFragment div.roloBoxLink .boxContent
{
    height: 60px;
    margin: 0;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px 5px 5px;
}

#roloFragment div.roloBoxLink .boxContent a
{
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
}

#roloFragment div.roloBoxLink .text
{
    position: relative;
    padding-top: 10px;
}

#roloFragment div.roloBoxLink .boxFooter
{
    background: transparent url(../images/borders/bkg_boxinfo_trans_bl.gif) no-repeat scroll left bottom;
    padding-left: 6px;
}

#roloFragment div.roloBoxLink .boxFooter div
{
    background: transparent url(../images/borders/bkg_boxinfo_trans_br.gif) no-repeat scroll right center;
    font-size: 1px;
    height: 10px;
}

/* -------------------------------------- */
/* form                                   */
/* -------------------------------------- */

#roloFragment form {
    display:inline;
}

/*#roloFragment .roloLeftContent{*/
    /*width:60%;*/
/*}*/

#roloFragment #roloFormCT ul
{
    padding: 0;
    margin: 0;
}

#roloFragment #roloFormCT .form-split, #roloFragment #roloFormCT .bigform {
    padding-top: 15px;
    padding-bottom:15px;
    /*margin-left:15%;*/
    width:70%;
    border:1px solid #999999;
    float:left;
}

#roloFragment #roloFormCT .form-split .left
{
    float: left;
    padding: 0;
    margin: 0;
}

#roloFragment #roloFormCT .form-split .right
{
    float: right;
    padding: 0;
    margin: 0;
}

#roloFragment #roloFormCT li
{
    clear: both;
    position:relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    line-height: 20px;
    background:none;
}

#roloFragment #roloFormCT li.hiddenField
{
    height: 0;
    font-size: 0;
    visibility: hidden;
    line-height: 0;
    padding: 0;
    margin: 0;
}

#roloFragment #roloFormCT li label {
    margin-left:3px;
    background:none;
}

#roloFragment #roloFormCT li.pool {
    padding-top: 20px;
    background:none;
}

#roloFragment #roloFormCT .form-split .left li { width: 300px;background:none; }

#roloFragment #roloFormCT .form-split .right li { width: 300px;background:none }

#roloFragment #roloFormCT .bigform li { width: 500px;background: none; }

#roloFragment #roloFormCT label { float: left; margin-top: 3px; }

#roloFragment #roloFormCT .input { float: right;}

#roloFragment #roloFormCT input, #roloFragment #roloFormCT select { margin-right: 4px;border: 1px solid #BBB;}

#roloFragment #roloFormCT .input input { width: 210px;height: 17px; }

#roloFragment #roloFormCT .input select { width: 210px; height: 21px }

#roloFragment #roloFormCT .input input.radio { width: 20px;}

#roloFragment #roloFormCT .input input.ckb { width: auto; }

#roloFragment #roloFormCT .input input.small { width: 35px; }

#roloFragment #roloFormCT .input input.medium { width: 65px; }

#roloFragment #roloFormCT .input select.large { width: 160px; }

#roloFragment #roloFormCT .input input.large { width: 158px; float:right;}
* + html>body #roloFragment #roloFormCT .input input.large { width: 157px; float:right;}

#roloFragment #roloFormCT .btnCT
{
    /*clear: both;*/
    padding-top: 40px;
    padding-left:74%;
}

#roloFragment #roloFormCT .btnCT .btn
{
    width: 120px;
    margin: 0 10px;
    background-color: white;
    border: 1px solid green;
    font-size: 11px;
}

#roloFragment .btn
{
    margin-top: 2px;
    background-color: white;
    border: 1px solid green;
    font-size: 11px;
}

#roloFragment span.r_plus, #roloFragment span.r_minus, #roloFragment span.r_moveup, #roloFragment span.r_movedown{ padding-top: 6px; }

#roloFragment div.r_plus, #roloFragment div.r_minus, #roloFragment div.r_fix
{
    width: 19px;
    height: 19px;
    margin-left: 5px;
}

#roloFragment div.r_moveup, #roloFragment div.r_movedown
{
    width: 19px;
    height: 19px;
    /*margin-left: 0px;*/
}

#roloFragment div.r_plus { background: transparent url("../images/plus.png") no-repeat scroll 0 0; }

#roloFragment div.r_minus { background: transparent url("../images/minus.png") no-repeat scroll 0 0; }

#roloFragment div.r_moveup { background: transparent url("../images/moveup.png") no-repeat scroll 0 0; }

#roloFragment div.r_movedown { background: transparent url("../images/movedown.png") no-repeat scroll 0 0; }

#roloFragment .roloFormTable
{
    width: 98%;
    padding: 5px;
}

#roloFragment div.fldPrefix
{
    float: right;
    width: 20px;
    padding: 4px 0 0 0px;
}

#roloFragment .roloLegalDocsTable
{
    background-color: rgb(245, 245, 245);
    font-size: 0.8em;
    margin-left: 1px;
}

#roloFragment .roloLegalDocsTable td { height:35px; }

#roloFragment #roloFormCT #fieldPool {
    padding: 3px 0;
}

#roloFragment #roloFormCT #fieldPoolDiv {
    background-color: #DDD;
}


/*
  ----------------------------------------
  |       FORM FOR PAYED PRICES          |
  ----------------------------------------
*/
#roloFragment .roloFormPP { height:70px; }

#roloFragment .roloFormPP select
{
    width:60px;
    font-family: Verdana,Helvetica,sans-serif;
    font-size:11px;
}

/*****************************************
* search derivate - product-list
******************************************/

#roloFragment .productList, #roloFragment .productOpts
{
    padding: 5px;
    margin: 0 0 0 5px;
    float: left;
    list-style-type: none;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 10px;
}

#roloFragment .productList { width: 140px; }

#roloFragment .productOpts { width: 300px; }

#roloFragment .productList li.title, #roloFragment .productOpts li.title
{
    margin-left: -10px;
    font-size: 10px;
    font-weight: bold;
    list-style-type: none;
    background: none;
}

#roloFragment .productList li, #roloFragment .productOpts li
{
    list-style: none;
    margin: 4px 0 0;
    padding: 0 0 0 10px;
    background: transparent url(../images/bul_square_green.gif) no-repeat scroll left center;
}

#roloFragment .productTitle
{
    padding: 5px 5px 5px 10px;
    font-size: 10px;
    font-weight: bold;
}

#roloFragment .productImage, #roloFragment .noProductImage
{
    width: 300px;
    float: left;
}

#roloFragment .noProductImage
{
    padding-top: 25px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#roloFragment .selectedProduct a
{
    font-weight: bold;
    color: #FF6600;
}

#roloFragment .ajax-loading {
    width: 15px;
    height: 15px;
    background: transparent url(/stat/images/plus/indicator.gif) no-repeat scroll 0 0;
}
#roloFragment .ajax-loading-btn-t, #roloFragment .ajax-loading-btn {
    margin: 3px 0 0 5px;
    width: 15px;
    height: 15px;
}
#roloFragment .ajax-loading-btn {
    background: transparent url(/stat/images/plus/indicator.gif) no-repeat scroll 0 0;
}
#roloFragment .ajax-loading-s {
    width: 19px;
    height: 19px;
    margin-left: 5px;
    background: transparent url(/stat/images/plus/indicator.gif) no-repeat scroll 2px 1px;
}

#roloFragment #fieldPoolShow, #roloFragment #fieldPoolHide {
    width: 100%;
    position: relative;
    text-align: right;
}

/*****************************************
* Autocomplete
* STOP: no prefix #roloFragment
******************************************/
.ac_results {
	padding: 0;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
    list-style: none outside none;
    padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_results iframe {
        width: 100%;
        position: absolute;
}

.ac_loading {
	background: white url(/stat/images/plus/indicator.gif) right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #016666;
	color: white;
}

/*
  ----------------------------------------
  |    NEW TABS WITH ROUND BORDERS       |
  ----------------------------------------
*/
#roloFragment .roloRoundTabs
{
    float:left;
    width:100%;
    background:url("../images/borders/bg.gif")
    repeat-x bottom;
    font-size:93%;
    line-height:normal;
}

#roloFragment .roloRoundTabs ul
{
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}

#roloFragment .roloRoundTabs li
{
    float:left;
    background:url("../images/borders/norm_right.gif") no-repeat right top;
    margin:0;
    padding:0;
}

#roloFragment .roloRoundTabs a
{
    display:block;
    background:url("../images/borders/norm_left.gif") no-repeat left top;
    padding:5px 15px 4px 6px;
}

#roloFragment .roloRoundTabs .selected { background-image:url("../images/borders/norm_right_on.gif"); }

#roloFragment .roloRoundTabs .selected a
{
    background-image:url("../images/borders/norm_left_on.gif");
    padding-bottom:5px;
}


/*
  ----------------------------------------
  |           ERROR MESSAGES             |
  ----------------------------------------
*/
#roloFragment #roloErrorLog
{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    display:none;
    color:#990000;
}

#roloFragment #roloErrorLog #inputError, #roloFragment #roloErrorLog #fieldsError, #roloFragment #roloErrorLog #reqError{ display:none;}


/*
  ----------------------------------------
  |         SUCCESS MESSAGES             |
  ----------------------------------------
*/
#roloFragment #roloSuccessLog
{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    display:none;
    color:#006666;
}


#roloFragment #roloFormCT .form-split .left #screenerSearchLeftColumn {
    width: 325px;
}
#roloFragment #roloFormCT .form-split .left #screenerSearchLeftColumn li {
    width: 100%;
    background: none;
}


/*
  ----------------------------------------
  |         DERIVATE DETAILS              |
  ----------------------------------------
*/
#roloFragment .roloGrayDiv
{
    height:100%;
}

#roloFragment .roloGrayDiv #derivateFields #addableFields
{
    display:none;
}

#roloFragment .roloGrayDiv #derivateFields #fields .field, #roloFragment .roloGrayDiv #derivateFields #addableFields .field
{
    width:97%;
    height:29px;
    background-color: rgb(245, 245, 245);
}

#roloFragment .roloGrayDiv #derivateFields #fields .field .button, #roloFragment .roloGrayDiv #derivateFields #addableFields .field .button
{
    border: 1px solid GrayText;
    float:left;
    width:130px;
    font-size:11px;
    margin-top:3px;
    background-color:white;
}

#roloFragment .roloGrayDiv #derivateFields #fields .w, #roloFragment .roloGrayDiv #derivateFields #addableFields .w
{
    background-color:white;
}

#roloFragment .roloGrayDiv #derivateFields #fields .field .label, #roloFragment .roloGrayDiv #derivateFields #addableFields .label
{
    width:49%;
    float:left;
    text-align:left;
    text-decoration:underline;
    margin-top:3px;
}

#roloFragment .roloGrayDiv #derivateFields #fields .field .value, #roloFragment .roloGrayDiv #derivateFields #addableFields .value
{
    width:50%;
    float:right;
    text-align:left;
    margin-top:3px;
}

#roloFragment .plus
{
    float:right;
    width:20px;
    height:20px;
    background-image:url("../images/plus.png");
    display:none;
}

#roloFragment .minus
{
    float:right;
    width:20px;
    height:20px;
    background-image:url("../images/minus.png");
    display:none;
}

/************************************************
* ROLO-FRAGMENT - SEARCH-TABLE
************************************************/

#roloFragment .searchTable {
    border: medium none;
    /*border-bottom:0.2em solid #999999;*/
    text-align: left;
}

/*#roloFragment .searchTable th {*/
    /*font-size: 10px;*/
    /*padding: 3px;*/
/*}*/

#roloFragment .searchTable td {
    padding: 3px;
    font-size: 11px;
}

#roloFragment .searchTable th.sorted a {
    color: #FF6600;
}

#roloFragment .searchTable th a {
    background: url(../images/arrow_off.png) no-repeat;
}

#roloFragment .searchTable th.asc a {
    background-image: url(../images/arrow_up.png);
}

#roloFragment .searchTable th.desc a {
    background-image: url(../images/arrow_down.png);
}

#roloFragment th.sorted a, #roloFragment th.sortable a, #roloFragment .searchTable th.desc a, #roloFragment .searchTable th.asc a {
    padding-right: 15px;
    background-position: right center;
    display: block;
}

#roloFragment .padding-hz7 {
    padding: 0 7px 0 7px;
}

#roloFragment #noLink
{
    background-color: rgb(245, 245, 245);
    width:270px;
    height:20px;
    visibility:hidden;
    position:absolute;
    font-weight:bold;
}

#roloFragment .indexesBox
{
    border-right: 1px solid gray;
    margin-left:10px;
    margin-top:15px;
    float:left;
    width:22%;
    height:50px;
}

#roloFragment .backButton
{
    width:100%;
    height:25px;
}

#roloFragment div.marketInfoIcon {
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 5px;
    margin-right: 10px;
    /*background: transparent url(../images/bouton_info.gif) no-repeat scroll left center;*/
}

#roloFragment div.trenddiv {
    height: 20px;
}

#roloFragment div.chartdiv
{
    float:left;
    width:17px;
}

#roloFragment .icon-pdf {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: transparent url(../images/pdf_icon_small3.gif) no-repeat scroll left center;
}

/*************************************
* ROLO-FRAGMENT - CUSTOM DROPDOWN BOX
***************************************/

#roloFragment .dropdown{ }

#roloFragment .dropdown .label {
    float:left;
}
#roloFragment .dropdown .closedbox {
    width:160px;
    height:13px;
    border: 1px solid #D8D8D8;
    float:right;
    margin-right:20px;
}


#roloFragment .dropdownlist {
    width:160px;
    position:absolute;
    overflow-x:visible;
    overflow-y:visible;
    border: 1px solid #D8D8D8;
    background:#FFFFFF;
    display:none;
}

#roloFragment .dropdownlist .item {
    border-top:1px dotted GrayText;
    margin-top:3px;
    margin-bottom:2px;
}

#roloFragment .dropdownlist .item:hover {
    background:#DAE1EC;
}
#roloFragment #editStyle {
    float:left;
    width:600px;
}
#roloFragment #editStyle select {
    width:150px;
}
#roloFragment #myStyleBox {
    background-color:#EEE;
    margin-left:600px;
    padding:10px;
    border:1px dotted #006666;
    height:380px;
}
#roloFragment .fieldsBox {
    margin:0;
    list-style-type:none;
    overflow-y:auto;
    background-color:white;
    padding:0;
    border:1px dotted #006666;
    width:160px;
}
#roloFragment .fieldsBoxContainer {
    float:left;
    width:200px;
    height:150px;
}
#roloFragment .fieldsBoxContainer .smallBox {
    height:100px;
}
#roloFragment #myStyleBox #myStyle {
    height:350px;
    width:auto;
}
#roloFragment #myStyleBox #myStyle li {
    position:relative;
}
#roloFragment .fieldsBox li.selected {
    background-color:#006666;
    color:white;
}
#roloFragment #myStyleBox #myStyle li.selected span {
    background-color:#006666;
}
#roloFragment #myStyleBox #myStyle .down {
    background:url(../images/down.gif) no-repeat;
    display:block;
    width:9px;
    height:9px;
    position:absolute;
    right:2px;
    top:3px;
}
#roloFragment #myStyleBox #myStyle .up {
    background:url(../images/up.gif) no-repeat;
    display:block;
    width:9px;
    height:9px;
    position:absolute;
    right:12px;
    top:3px;
}
#roloFragment .styleTable {
    margin:0;
    width:100%;
}
#roloFragment .styleTable td, #roloFragment .styleTable th  {
    padding-left:5px;
    border-bottom:1px solid #999;
    border-collapse:collapse;
}
#roloFragment .styleTable th {
    background-color:#EEE;
    text-align:left;
}

/*#roloFragment .even { background-color: #FFF; }*/

/*#roloFragment .odd { background-color: #F2F2F2; }*/

#roloFragment .rl { text-align: left; }

#roloFragment .rc { text-align: center; }

#roloFragment .rr { text-align: left !important; }

#roloFragment .ptr { cursor: pointer; }

.ui-datepicker-calendar {
    /*background:transparent url(../images/box-header-2.gif) no-repeat scroll -2px 0;*/
    border: 1px solid #999999;
    width:auto;

}

#roloFragment .del_img{
    height:16px;
    margin-bottom:2px;
    padding-right:4px;
    cursor:pointer;
}