﻿body
{
    font-family: Tahoma;
    font-size: 9pt;
    margin: 0px;
}
body_porfolio
{
    background-color: rgb(145,170,157);
}lt

a
{
    /*   font-style:italic;*/
    font-family: Tahoma;
    color: Blue;
}
a:hover
{
    color: #990033;
}
/*
------------------------
  MODIFICATORS
------------------------
*/
.i
{
    font-style: italic;
}
.b
{
    font-weight: bold;
}
.u
{
    text-decoration: underline;
}
.cell_u
{
    border-bottom: 1px solid gray;
}
.sub
{
    vertical-align: sub;
}
.sup
{
    vertical-align: super;
}
/*to select some part on page, what the user is looking*/
.sel
{
    text-decoration: underline overline;
    background-color: Yellow;
}

.ali_l
{
    text-align: left;
}
.ali_m
{
    text-align: center;
}
.ali_r
{
    text-align: right;
}

/*
--------------------------
  PORTFOLIO Central Area
--------------------------
*/
.cA1, .cA2, .cA3, .cA4, .cA1b, .cA2b, .cA3b, .cAButton, .cANaviButton, .cAElement, .cAError, .cAMainTable, input, .cAMsg, .cASummaryTable, .cAComment, .cA5, .pTT_tabtext, .toolWT
{
    font-family: Tahoma; /*Nina;    */
}
.cA1b, .cA2b, .cA3b, .cACentralCellb, .cALeftCell2b, .cARowH
{
    font-weight: bold;
}
.cA1, .cA1b
{
    font-size: 14pt;
}
.cA2, .cA2b, .cARowH
{
    font-size: 11pt;
}
.cA3, .cA3b, .cAError, .cACentralCellb, .cACentralCell, .cALeftCell, .cALeftCell2, .cALeftCell, .cALeftCell2b, .cARightCell, input, .cAMsg, .cASummaryTable, .cAComment, .cAButton, .cAElement, .cANaviButton
{
    font-size: 9pt;
}
.cA4
{
    font-size: 8pt;
}
.cA5
{
    font-size: 6pt;
}
.cAMsg
{
    color: Gray;
}
.cAButton, .cAElement, .cANaviButton
{
    font-weight: bold;
}
.cAButton
{
    margin-top: 1px;
}
.cAMainTable
{
    width: 100%;
}
.cARowWithTopLine
{
    border-top: #cccccc 2px solid;
    background-color: Aqua;
    margin: 0px;
}
.cARow1, .cARow2, .cARowH, .cALeftCell, .cALeftCell2, .cALeftCell, .cALeftCell2b, .cACentralCellb, .cACentralCell, .cARightCell
{
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 3px;
}
.cARowH
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.cARow1
{
    background-color: #EFEFEF;
}
.cARow2
{
    background-color: #E0E0E0;
}
.cARowWL, .cARowWLHigh
{
    vertical-align: top; /*  border-bottom-color: Gray;     border-bottom-width: 1px;     border-bottom-style: solid;     */ /*background-color: lightgray; /*#add8e6; /*#3888E9*/
}
.cARowWLHigh:hover
{
    background-color: #add8a6; /*#488CF6*/
}
.cALeftCell, .cALeftCell, .cALeftCell2b
{
    vertical-align: top;
    text-align: left;
}
.cALeftCell2
{
    vertical-align: top;
    padding-top: 6px;
    text-align: right;
}
.cACentralCellb, .cACentralCell
{
    vertical-align: top;
}
.cARightCell
{
    vertical-align: top;
    text-align: right;
}
.cAElement
{
    margin-top: 2px;
}
.cAchess1
{
    background-color: silver;
}
.cAchess2
{
    background-color: White;
}
.cASummaryTable
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}
.cAComment
{
    color: Gray;
}


/*
-----------------------------
  MATERIALS
-----------------------------
*/
.matt
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: White;
}
.matTableCell1, .matTableCell1h
{
    border-color: White;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 2px;
    padding-left: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
}
.matTableCell2, .matTableCell2h
{
    border-color: White;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 2px;
    padding-left: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
}
.matTableCell3, .matTableCell3h
{
    border-color: White;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 2px;
    padding-left: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
}
.mattth
{
    background-color: #add8a6;
}


/*Left Menu*/
.noBorders
{
    border: 0px;
    padding: 0px;
}
.gaugeRow
{
    border: 1px blue solid;
}
.gaugeTable
{
    padding-left: 5px;
    padding-right: 5px;
}
.gaugeDone
{
    background-color: blue;
}
.gaugeUndone
{
    background-color: white;
}
/*Right Menu*/
/*Bottom Menu*/
/*Additional*/
.centralAlign
{
    text-align: center;
}
.leftAlign
{
    text-align: left;
}
.fullWidth
{
    width: 100%;
}
/*
input:selected
{
    background-color: Blue;
}
*/

/*Print Copyright*/
.print
{
    font-family: Tahoma;
    font-size: 8pt;
    text-align: center;
}
/*
.mE1
{
    font-size: 12pt;
}
.mE2
{
    font-size: 10pt;
}
.mE3
{
    font-size: 8pt;
}*/
.u1
{
    background-color: White;
}
.correction
{
    color: Blue;
}
.correct
{
    color: Green;
}
.incorrect
{
    color: Red;
    text-decoration: line-through;
}
.ref
{
    font-style: italic;
}


/*
--------------------------------
  GRAMMAR TECH SPECIFIC STYLES
--------------------------------
*/
.GT_P2_Cells, .GT_P2_Cells_Def
{
    border-color: White;
    border-style: solid;
    border-width: 1px;
    height: 40px;
}
.GT_P2_Cells_Def
{
    background-color: #9ec9d7;
}
.GT_P2_Cells_Last
{
    border-color: White;
    border-style: solid;
    border-width: 1px;
}
.GT_P2_Notes
{
    background-color: White; /*#fffacd; /*#9cc7d5*/
    border-style: solid;
    border-color: White;
    border-width: 0px;
    padding: 0px;
    margin: 3px;
}

/*
  CORRECTNES COLORS
*/
.col_correct
{
    color: Green;
}
.col_partlyCorrect
{
    color: #999900;
}
.cAError, .col_incorrect
{
    color: Red;
}
.col_correct_b
{
    background-color: #98fb98;
}
.col_partlyCorrect_b
{
    background-color: #f4a460;
}
.col_incorrect_b
{
    background-color: #ff6767;
}


/*.selected {
	font-weight: bold;
}
.padding2px {
	padding: 2px;
}
.cA3 .cA3b {
}*/


.gt_p4_qc, .gt_p4_qac
{
    padding-left: 10px;
}
.gt_p4_qac
{
    padding-bottom: 8px;
}
.gt_p4_sc
{
    padding-bottom: 10px;
}
.val_top
{
    vertical-align: top;
}
.gt_p5_dh
{
    border-bottom: 1px solid black;
}
.gt_p5_db, .gt_p5_dp1, .gt_p5_dp2
{
}
.gt_p5_db
{
    /*border-top: 1px solid black;*/
}
.gt_p5_dp1
{
}
.gt_p5_dp2
{
    border-bottom: 1px solid black;
}
.gt_p5_dt
{
}
.gt_p5_mistake
{
    border-bottom: red 2px solid;
    text-decoration: line-through;
}
.gt_p5_mistake_neutral
{
    border-bottom: #999900 2px solid;
}
.gt_p5_mistake_no
{
    border-bottom: green 2px solid;
}
.textbox_text_back, .textbox_number_back
{
    /*   background-image: url(../Images/Graphic1.jpg);  */
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background: white no-repeat right bottom; /*#e6e6fa*/
    display: inline-block;
}
.textbox_text_back
{
    /* background-image: url(../Images/Icons/edit_text.gif);*/
}
.textbox_number_back
{
    background-image: url(../Images/Icons/edit_number.gif);
}

.block_lt
{
    background-image: url(../Images/Tech/G/P5/new-8R1C1.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
.block_mt
{
    background-image: url(../Images/Tech/G/P5/new-8R1C2.gif);
}
.block_rt
{
    background-image: url(../Images/Tech/G/P5/new-8R1C3.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
.block_lm
{
    background-image: url(../Images/Tech/G/P5/new-8R2C1.gif);
}
.block_mm
{
    background-image: url(../Images/Tech/G/P5/new-8R2C2.gif);
}
.block_rm
{
    background-image: url(../Images/Tech/G/P5/new-8R2C3.gif);
}
.block_lb
{
    background-image: url(../Images/Tech/G/P5/new-8R3C1.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
.block_mb
{
    background-image: url(../Images/Tech/G/P5/new-8R3C2.gif);
}
.block_rb
{
    background-image: url(../Images/Tech/G/P5/new-8R3C3.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
.w
{
    width: 150px;
    height: 150px;
}
.tab3
{
    border-bottom: black 1px solid;
}
/*
.p1, .p2, .p3, .c21, .c22, .c23, .c31, .p32, .p321, .p322, .c3211, .p3212, .c3213, .c3221, .c3222, .c3223, .c32121,.c32122 {
	border-style: none;
	margin: 0px;
	padding: 0px;
	width:100%
}

.c21{
	background-image:url('../Images/Portfolio/b21.gif');
	background-position:right bottom;
	background-repeat:no-repeat;

	
}
.c22{
	background-image:url('../Images/Portfolio/b22.gif');
	background-position:right;
	background-repeat:repeat-y;
	height: 100%;	
}
.c23{
	background-image:url('../Images/Portfolio/b23.gif');
	background-position:right;
	background-repeat:no-repeat;
}

.c3213{
	background-image:url('../Images/Portfolio/b3213.gif');
	background-position:top;
	background-repeat:repeat-x;
}

.c32122{
	height: 600px;
}*/
/*
--------------------------------
	PORTFOLIO MAP
--------------------------------
*/

.q11, .q21, .q51, .q12, .q22, .q32, .q33, .q14, .q15, .q25, .q45
{
}
.q11
{
    width: 140px;
}
.q21
{
    width: 10px;
}
.q31
{
}
.q41
{
    width: 17px;
}
.q51
{
    width: 1px;
}
.q12
{
    width: 140px;
    height: 8px;
    background-position: right top;
    background-image: url(../Images/Portfolio/p11.gif);
    background-repeat: no-repeat;
}
.q22
{
}
.q32
{
    height: 6px;
}
.q52
{
    width: 1px;
    background-position: left;
    background-image: url(../Images/Portfolio/p43.gif);
    background-repeat: repeat-y;
}
.q33
{
    width: auto;
    background-color: White;
}
.q14
{
    vertical-align: top;
    background-position: right;
    background-image: url(../Images/Portfolio/p13.gif);
    background-repeat: repeat-y;
}
.q15
{
    height: 11px;
    background-position: right top;
    background-image: url(../Images/Portfolio/p15.gif);
    background-repeat: no-repeat;
}
.q25
{
    background-position: top;
    background-image: url(../Images/Portfolio/p25.gif);
    background-repeat: repeat-x;
}
.q45
{
    background-position: right;
    background-image: url(../Images/Portfolio/p44.gif);
    background-repeat: no-repeat;
}
/*
--------------------------------
	PORTFOLIO TOP BOOKMARKS
--------------------------------
*/
/*Portfolio Top Unselected, Portfolio Top Selected*/
.pTT_unselected, .pTT_selected
{
    font-family: Verdana;
    text-align: center;
    background-repeat: no-repeat;
}

.do4
{
    width: 24px;
}

.do1, .do2, .do3, .do5
{
    width: 70px;
    
}
/*Portfolio Top Unselected*/
.pTT_unselected
{
    /*border: 1px gray solid;*/
    border-left: 1px gray solid;
    border-top: 1px gray solid;
    border-right: 1px gray solid;
}
/*Portfolio Top Selected*/
.pTT_selected
{
    border-left: 1px gray solid;
    border-top: 1px gray solid;
    border-right: 1px gray solid;
    font-weight: bold;
}
/*Portfolio Top Separator*/
.pTT_sep4
{
    width: 20px;
}
.pTT_sep1
{
    width: 40px;
}
.pTT_sep2
{
    width: 20px;
}
.pTT_sep3
{
    width: 20px;
}
/*Portfolio top table*/
.pTT_table
{
    height: 16px;
    width: 100%;
}
.pTT_tabtext
{
    color: white;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 3px;
    text-align: center;
}
.pTT_tabtext2
{
    color: white;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

.pTT_icon_1
{
    /*  background-image: url(../Images/Icons/forms.gif);*/
}
.pTT_icon_2
{
    /*  background-image: url(../Images/Icons/tool.gif);*/
}
.pTT_icon_3
{
    /*  background-image: url(../Images/Icons/images.gif);*/
}
/*
--------------------------------
	PORTFOLIO LEFT BOOKMARKS
--------------------------------
*/
/*Selected/Unselected*/
.pLs, .pLu
{
    font-family: Tahoma; /*     padding-left: 5px;     padding-right: 5px;*/
    text-align: left; /*  font-family: "Times New Roman" , Times, serif;*/
}
/*Portfolio Left Unselected*/
.pLu
{
    /*border: 1px gray solid;*/
    border-left: 1px gray solid;
    border-top: 1px gray solid;
    border-bottom: 1px gray solid; /*border-right: 1px gray solid;*/
}
/*Portfolio Left Selected*/
.pLs
{
    border-left: 1px gray solid;
    border-top: 1px gray solid;
    border-bottom: 1px gray solid;
    font-weight: bold;
}
/*Different Levels of the menu*/
.pL1, .pL2, .pL3, .pL4, .pL5
{
}
.pL1
{
    width: 120px;
}
.pL2
{
    width: 115px;
}
.pL3
{
    width: 110px;
}
.pL4
{
    width: 100px;
}
.pL5
{
    width: 70px;
}
/*Portfolio Left Separator*/
.pLd1
{
    height: 8px;
}

.pLd2
{
    height: 5px;
}

.pLd3
{
    height: 3px;
}

.pLd4
{
    height: 2px;
}
/*Portfolio Left table*/
.pLt
{
    margin-left: auto;
}
.pLtMs
{
    margin-right: -2px;
}
.pLtM1
{
    margin-right: 1px;
}
.pLtM2
{
    margin-right: 4px;
}
.pLtM3
{
    margin-right: 9px;
}

/*Text labels styles*/
.lM0, .lM1, .lM2, .lM2m, .lM3, .lM4, .lM2n, .lM2s, .lM2d
{
    display: block;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
.lM0
{
    font-size: 12pt;
    font-weight: bold;
}
.lM1
{
    font-size: 10pt;
}
.lM2
{
    font-size: 9pt;
}
.lM2m
{
    font-size: 9pt;
}
.lM3
{
    font-size: 8pt;
}
.lM4
{
    font-size: 7pt;
}
.lM2n
{
    font-size: 8pt;
}
.lM2s
{
    font-size: 8pt;
    font-weight: bold;
}
.lM2d
{
    font-size: 8pt;
    color: Blue;
}
.lMSelectedCell
{
    border-left: 2px solid;
    border-top: 2px solid;
    border-bottom: 2px solid;
}



/*
--------------------------------
    PORTFOLIO GENERAL PROPERTIES
--------------------------------
*/
.ptAt, .pBAt, .pCAp
{
    /*background-color:#F8F8D9;*/
}



/*
--------------------------------
    PORTFOLIO TITLE (HEADER) AREA
--------------------------------
*/
/*main panel style*/
.ptAt
{
    text-align: left;
    margin-right: auto;
    margin-bottom: 5px;
}
/*text style*/
.ptAf1
{
    margin-left: 20px;
    font-size: 14px; /*font-style: italic;*/
    color: Gray;
    font-weight: bold;
}



.ptA_mode_label /*стиль ячейки с заголовком для режимов*/
{
    text-align: center;
}

.ptA_mode_def /* стиль ячеек с выбором режима по умолчанию*/
{
    text-align: center;
    vertical-align: middle;
}

.ptA_mode_sel /* дополнительный стиль для выбранного режима*/
{
    font-weight: bold;
}
.ptA_mode_label, .ptA_mode_def, .ptA_mode_sel
{
    padding-top: 2px;
}

.ptA_additional_cell
{
    padding: 2px;
}

.Header
{
    background-color: #EEEEEE;
    height: 22px; /* padding-top:2px;*/
}
/*
--------------------------------
    PORTFOLIO BUTTONS (FOOTER) AREA
--------------------------------
*/

/*main panel style*/
.pBAt
{
    margin-bottom: 5px;
    margin-top: 5px;
}
/*main table left cell, usualy back button*/
.pBAtLCell
{
    padding-left: 5px;
    text-align: left;
    width: 100px;
}
/*main table middle cell, usualy*/
.pBAtMCell
{
    padding-left: 5px;
    text-align: left;
}
/*main table right cell usualy*/
.pBAtRCell
{
    padding-right: 5px;
    text-align: right;
    width: 150px;
}
/*text style*/
.pBAf1
{
    font-size: 13px;
}
.Footer
{
    background-color: #EEEEEE;
    height: 40px;
    padding-bottom: 2px;
    border-top: #DDDDDD solid 1px;
}
/*
--------------------------------
     PORTFOLIO CENTRAL AREA
--------------------------------
*/
/*  Panel with portfolio */
.pCAp
{
    padding-left: 10px;
    border-top: 0px dashed #999999;
    border-bottom: 0px dashed #999999;
    overflow: auto;
    height: 400px; /*IE fix*/
    background-position: right bottom;
    background-repeat: repeat-x; /*background-image: url(../Images/Graphic1.png);*/ /*background-repeat: no-repeat;*/ /*    background-image: url(../Images/doc_work.gif);*/
}

.whiteBack
{
    background-color: White;
}
/*-------------------
   SPEECH BUBBLES
--------------------*/
.sb1
{
    border-left: rgb(122, 122, 122) solid 1px;
    border-top: rgb(122, 122, 122) solid 1px;
    border-bottom: rgb(122, 122, 122) solid 1px;
    padding: 2px;
}
.sb22
{
    border-left: rgb(122, 122, 122) solid 1px;
}
.sb2
{
    background-image: url(../Images/SpeechBubbles/sb1.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 11px;
}
.sb4
{
    height: 20px;
    border-left: rgb(122, 122, 122) solid 1px;
}


/*-------------------
    Error Message
--------------------*/


.msg_cell
{
    padding: 5px;
}
.msg_pic
{
    vertical-align: middle;
}
.msg_fs
{
    margin-bottom: 5px; /* background-color: #ffff99;*/
}
/*-------------------
   TOP MENU
------------------*/

.TM, .BM
{
    background-color: rgb(184, 181, 202);
}

.TM
{
    background-position: right top;
    border-bottom: 1px gray solid;
    padding: 0px;
    height: 40px;
    width: 100%;
    background-image: url(../Images/head_portfolio.jpg);
    background-repeat: no-repeat;
}

.tM_Title
{
    color: rgb(51, 48, 95);
    font-size: 14pt;
    text-align: right;
    padding-right: 150px;
}

.tM1, .tM2, .tM3, .TM_label, .TM_textBox, .TM_button, .tM_bigCaption
{
    font-family: Tahoma;
}
.tM1
{
    /*   float: right;*/
}
.tM2, .tM2:hover, .tM_bigCaption
{
    font-size: 14pt;
    margin-left: 25px;
    margin-right: 5px;
    color: white;
    text-decoration: none;
}
.tM2:hover
{
    color: Silver;
}
.TM_label
{
    font-size: 8pt; /* color: rgb(22,52,65);*/
}
.TM_textBox
{
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid rgb(62,96,111);
    color: rgb(22,52,65);
}
.TM_button
{
    /*border: 1px solid rgb(153, 153, 102);*/
    padding: 0px;
    font-size: 9pt;
    color: rgb(22,52,65);
}
.TM_Portfolio_login_button
{
    margin-left: 10px;
    margin-right: 10px;
}
.TM_Portfolio_login_text
{
    color: #FFFFFF;
}
/*BOTTOM MENU*/
.BM
{
    border-top: 1px gray solid;
    text-align: left;
    padding: 2px;
}
.BM_label
{
    font-size: 10pt;
    color: rgb(22,52,65);
}
.BM_text
{
    font-size: 10px;
    color: rgb(22,52,65);
}
/*RIGHT MENU*/
.RM
{
    background-color: White;
    width: 20%;
    border-left: 1px gray solid;
    vertical-align: top;
}

.RM_caption
{
    background-color: rgb(112,107,150); /*background-color: #336699;*/ /*font-style: italic;*/ /*font-weight: bold;*/
    border-top: 1px solid gray;
    border-bottom: 1px solid lightgray; /*padding: 2px; /* background-position: right center;*/
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.RM_del_btn
{
    width: 18px;
    height: 18px;
    font-size: 12px;
    font-weight: bold;
}

.RM_dict_rowh
{
    height: 20px;
    vertical-align: middle;
}

.RM_Hide_btn
{
    color: #000000;
    font-size: 12px;
}
.pRA_m_titleText
{
    padding-top: 4px;
    display: block;
    padding-bottom: 4px;
}

/*CENTRAL AREA*/
.CA
{
    vertical-align: top; /* padding-right: 5px;     padding-top: 4px;     padding-bottom: 4px;*/
}
.CA_back
{
    background-color: White;
    padding: 5px;
}
.gt_p5_t1_sentence_text
{
    vertical-align: middle;
    line-height: 30px;
}
.gt_p5_t1_sentence_gap
{
    text-align: center;
}
.gt_p5_t1_sentence_back
{
    background-color: #EEEEDE;
    padding: 5px;
    border: 2px #EEEEDE solid;
}
.gt_p5_t1_description_back
{
    /*border: 2px #EEEEDE solid;*/
}
.gt_p5_t1_sentence_cbtext
{
    display: inline-block;
    padding-bottom: 1px;
}
.gt_p5_t4_s1_cell_nogr, .gt_p5_t4_s1_cell1, .gt_p5_t4_s1_cell2
{
    vertical-align: middle;
    text-align: center;
    padding: 3px;
}
.gt_p5_t4_s1_cell1
{
    background-color: #ececec;
}
.gt_p5_t4_s1_cell2
{
    background-color: #dcdcdc;
}

.gt_p4_t5_idea
{
    background-color: #ffffcc;
    font-style: italic;
}

/*линяя для верха портфолио*/
.do4
{
    background-position: top;
    background-image: url(../Images/Portfolio/p21.gif);
    background-repeat: repeat-x;
}

.paddingl10
{
    padding-left: 10px;
}
.paddingl20
{
    padding-left: 20px;
}
/* Text Tech*/
.tt_col1, .tt_col2, .tt_col3, .tt_col2e
{
    vertical-align: top;
}
.tt_col1, .tt_col2, .tt_col2_, .tt_col2e, .tt_col3
{
    padding-bottom: 5px;
}

.tt_col1
{
    text-align: right;
    width: 90px;
    padding-right: 10px;
}
.tt_col2_
{
    padding-left: 40px;
}

.tt_col2
{
    padding-left: 10px;
}
.tt_col2e
{
    padding-left: 50px;
}
.tt_col3
{
    width: 30px;
    padding-left: 6px;
}
/*Entries numbers*/
.l_counter
{
    font-size: 8px;
    color: Gray;
    vertical-align: top;
    width: 6px;
    padding-top: 8px;
}
.l_entry
{
    padding-bottom: 2px;
}
.l_entrytext
{
    padding-left: 3px;
    vertical-align: bottom;
}
/*when conencting lists*/
.l_entry2
{
}
.l_comment
{
    vertical-align: bottom;
    width: 50px;
    padding-bottom: 4px;
}
.l_text
{
    vertical-align: top;
    padding-top: 1px;
}
/*div for read-only text view*/
.l_ro_text
{
    height: 200px;
    width: 95%;
    overflow: scroll;
    border: 1px solid Gray;
    padding: 2px;
}
/*.qqq{border: 0px; text-decoration:underline;}*/

.p4tr_c1
{
    width: 80px;
}

.p4tr_c1s
{
    width: 160px;
    height: 50px;
}
.p4tree, .p4treeScroll
{
    border: 1px solid rgb(200, 200,200);
    margin-top: 1px;
    padding-left: 1px; /*  background-color: rgb(220,220,220);*/
    height: 100%;
    text-align: center;
}
.p4tree
{
    overflow: hidden;
}
.p4treeScroll
{
    overflow: auto;
}
.p4t0
{
    color: Blue;
}
.p4t1
{
    color: Green;
}
.p4t2
{
    color: Orange;
}
.p4t3
{
    color: Purple;
}
.p4t4
{
    color: Olive;
}
.p4t5
{
    color: Teal;
}
.p4t6
{
    color: Maroon;
}
.p4t7
{
    color: Navy;
}
.p4t8
{
    color: #006699;
}
.p4t9
{
    color: #6600CC;
}


/*in-line tree*/
.p4tr_t
{
}
.p4tr_r
{
}
.p4tr_c0, .p4tr_c1, .p4tr_c1s
{
    font-size: 8pt;
    vertical-align: top;
}
.p4tr_c0, .p4tr_c1
{
    height: 14px;
}
.p4tr_c01, .p4tr_c02, .p4tr_c03, .p4tr_c04, .p4tr_c05
{
    width: 18px;
    background-attachment: scroll;
    background-position: rigth top;
    text-align: center;
}
.p4tr_c01
{
    background-image: url(../Images/it/1.gif);
    background-repeat: repeat-y;
}
.p4tr_c02
{
    background-image: url(../Images/it/2.gif);
    background-repeat: no-repeat;
}
.p4tr_c03
{
    background-image: url(../Images/it/3.gif);
    background-repeat: no-repeat;
}
.p4tr_c04
{
    background-image: url(../Images/it/4.gif);
    background-repeat: repeat-y;
}
.p4tr_c05
{
    background-image: url(../Images/it/5.gif);
    background-repeat: no-repeat;
}
.p4tr_c1
{
}
.p4tr_c1s
{
    overflow: hidden;
    font-weight: bold;
}
/*style for cell with separator line*/
.table_sep
{
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Power Table*/
.pwT
{
    width: 100%;
}
.pwTh1
{
    border-left: 1px solid rgb(180,180,180);
    width: 30px;
}
.pwTh2
{
    border-left: 1px solid rgb(180,180,180);
    border-top: 1px solid rgb(180,180,180);
    border-right: 1px solid rgb(180,180,180);
    padding: 1px;
}
.pwTb1
{
    border: 1px solid rgb(180,180,180);
    width: 30px;
    text-align: center;
}
.pwTb2
{
    border: 1px solid rgb(180,180,180);
    padding: 2px;
}

.envP1
{
    padding-left: 40px;
}
.envP2
{
    padding-left: 80px;
}
.envP3
{
    padding-left: 120px;
}
/*text box for entering the tex*/
.toolWT
{
    font-size: 12pt;
    height: 400px;
    width: 90%;
}
.templatef
{
    font-size: 9pt;
    font-weight: bold;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}
.templates
{
    margin-top: 24px;
    display: inline-block;
}
.tt_navi
{
    color: #333333;
    padding-left: 5px;
    display: block;
}
.tt_navit
{
    /* border-bottom: 2px dashed #D7E19B;     border-left: 2px dashed #D7E19B;     */
    padding: 2px;
}
.tt_navita
{
    max-height: 100px;
    overflow: auto;
}
.portfolio_main_content_div
{
}
.portfolio_main_content_table
{
    width: 98%;
}
.portfolio_main_content_title_cell
{
    width: 1%;
    height: 120px;
    text-align: center;
    font-size: 30pt;
    font-weight: bold;
    font-family: Trebuchet MS, Tahoma;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}
.portfolio_main_content_title_cell_l, .portfolio_main_content_title_cell_r
{
    background-image: url(   "../Images/a.jpg" );
    background-repeat: repeat-x;
    background-position: center;
}

.portfolio_main_content_text_cell1, .portfolio_main_content_text_cell2, .portfolio_main_content_text_cell3
{
    font-size: 10pt;
}
.portfolio_main_content_text_cell1
{
    padding-top: 20px;
}
.portfolio_main_content_text_cell2
{
}

.portfolio_main_content_text_cell3
{
    padding-top: 5px;
    padding-left: 30px;
}
.portfolio_main_content_list_cell
{
    height: 25px;
    padding-right: 10px;
    vertical-align: middle;
}
.do4
{
    background-color: rgb( 183, 180, 201);
}
.portfolio_work_content_table_head
{
    border-bottom: 1px solid gray;
}
.utils_links_row0
{
    padding-bottom: 5px;
    border-bottom: 1px solid #444444;
}
.utils_links_row1, .utils_links_row1_
{
    border-bottom: 1px dashed #AAAAAA;
}
.utils_links_row1
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    vertical-align: middle;
}
.utils_links_row1_
{
    width: 70px;
    text-align: center;
    vertical-align: middle;
}
.utils_links_row2
{
    padding-left: 7px;
    color: #444444;
}
.utils_links_btn1
{
    width: 50px;
}
.anchor_target
{
    background-color: #335EA8;
    color: White;
}

.su_psl,.su_psl:hover
{
    padding-left: 13px;
    margin-left: 10px;
    font-weight: bold;
}
.su_psl
{
    color: White;
    
    background-image: url(   "../Images/survey_icon_white.gif" );
    background-repeat: no-repeat;
    background-position: left top;
    
}

.su_psl:hover
{    
    background-image: url(   "../Images/survey_icon_white.gif" );
    background-repeat: no-repeat;
    background-position: left bottom;    
}


