/*
green font color :color:#276337;
*/

/*##################### Clear Style######################################*/
.itemList
{
    background: #ffffff;
    line-height: 1.7em;
}
.itemList .item
{
    overflow: hidden;
    background: url(../../images/dotline3.gif) repeat-x left bottom;
    padding: 10px 0;
    border-left: 20px solid #ffffff;
    border-right: 20px solid #ffffff;
    background-color: White;
}
.itemList .last
{
    overflow: hidden;
    background: url(../../images/NOdotline2.gif) repeat-x left bottom;
    padding: 10px 0;
    border-left: 20px solid #ffffff;
    border-right: 20px solid #ffffff;
}
.itemList .photo
{
    width: 126px;
    margin-right: 10px;
    height: 93px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    position: absolute;
}
.itemList .photo a
{
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    margin: auto;
    width: 155px;
    color: White;
}
.itemList .photo img
{
    margin: 0 auto;
}
.itemList .photo .time
{
    font-size: 9px;
    width: 40px;
    padding: 1px;
    background-color: Black;
    color: White;
    position: absolute;
    bottom: 6px;
    right: 6px;
    text-align: center;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.itemList .tools
{
    float: right;
}
.itemList .tools a
{
    display: inline-block;
    padding: 5px;
}
.itemList .text
{
    color: #616161;
    line-height: 16px;
    overflow: hidden;
    margin-left: 135px;
    min-height: 100px;
}
.itemList .text .labels
{
    color: #000000;
}
.itemList .user
{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    margin-bottom: 10px;
    line-height: 16px;
}
.itemList .user .star
{
    margin-left: 20px;
}
.itemList .user .voted
{
    display: inline-block;
}
.itemList .user a
{
    font-size: 15px;
    font-weight: bold;
    color: #276337;
}
.itemList .textA
{
    float: left;
    width: 38%;
}

.itemList .textAll
{
    float: left;
    width: 100%;
}
.itemList .textAll .subAdd
{
    padding-top: 8px;
}

.itemList .textA .subAdd
{
    padding-top: 8px;
}
.itemList .textB
{
    float: left;
    width: 60%;
}
.itemList h4
{
    margin-bottom: 8px;
}

.itemList .headeritem
{
    background: url(../../images/NOdotline2.gif) repeat-x left bottom;
    padding: 15px;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    clear: both;
    margin-bottom: 20px;
    height: 100px;
    background-color: #f0f0f0;
}
.itemList .headeritem .photo
{
    width: 126px;
    text-align: center;
}
.itemList .headeritem .photo img
{
    margin: 0 auto;
}
.itemList .headeritem .text
{
    margin-left: 150px;
}
.itemList .headeritem .user
{
    font-size: 20px;
    color: Black;
    height: 20px;
    line-height: 20px;
}

.contentbox
{
    border: 1px solid #9fbea4;
}
.contentbox h3
{
    background-color: #9fbea4;
    color: White;
}

.roundBox
{
    background-color: #d4ecdc;
    margin-top: 10px;
    margin-bottom: 20px;
}
.roundBox h3
{
    padding: 0;
    padding-left: 10px;
    line-height: 18px;
}
.roundBox h1
{
    padding: 0;
    padding-left: 10px;
    line-height: 18px;
    text-transform: uppercase;
}
.roundBox .inner
{
    margin: 0px 12px;
}
.roundBox .viewmore
{
    padding-bottom: 0px;
    padding-right: 10px;
    padding-top: 5px;
}
.roundBox .viewmore .pager a
{
    padding-top: 0;
    margin-top: 3px;
}
.roundBox table
{
    width: 100%;
}
.roundBox .hr
{
    margin: 2px 10px;
    height: 2px;
    font-size: 0;
    background: url(../../images/dotline5.gif) repeat-x left top;
}
.roundBox .text
{
    color: #666666;
}
.page .roundBox, .page .fullbox
{
    margin-bottom: 30px;
    margin-top: 10px;
}

.views
{
    overflow: hidden;
    padding-bottom: 0px;
}
.views .number
{
    float: left;
    width: 100px;
}

.blograte .star
{
    display: block;
    float: left;
}
.blograte .voted
{
    display: block;
    float: left;
    padding-left: 3px;
}

.blograte span
{
    display: block;
    float: left;
    padding: 2px;
    padding-left: 5px;
    line-height: 14px;
}

.rate
{
}

.rate div
{
    float:left;
}

.oneRolList .item
{
    overflow: hidden;
    background: url(../../images/dotline2.gif) repeat-x left bottom;
    padding: 20px 0;
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
    background-color: White;
}
.oneRolList .last
{
    background: url(../../images/NOdotline2.gif) repeat-x left bottom;
    padding: 10px 0;
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
}
.oneRolList .photo
{
    width: 90px;
    padding: 2px;
    float: left;
    border: 1px solid #999999;
    font-size: 0;
    margin-right: 10px;
}
.oneRolList .photo img
{
    margin: 0 auto;
}
.oneRolList .tools
{
    float: right;
}
.oneRolList .tools a
{
    display: inline-block;
    padding: 5px;
}
.oneRolList .text
{
    color: #616161;
    line-height: 14px;
    overflow: hidden;
}
.oneRolList .text label
{
    display: inline-block;
    padding: 0;
    padding-right: 5px;
    color: #000000;
    line-height: 14px;
    vertical-align: middle;
    margin: 0;
}
.oneRolList .user
{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    margin-bottom: 5px;
    line-height: 16px;
}
.oneRolList .user a
{
    font-size: 15px;
    font-weight: bold;
    color: #276337;
    text-decoration: underline;
}
.oneRolList .textA
{
    float: left;
    width: 38%;
}
.oneRolList .textB
{
    float: left;
    width: 60%;
}



.roundBox .ProjectView
{
    width: 70%;
}
.ProjectView .Name
{
    font-style: italic;
    font-size: 11px;
    color: #111111;
    font-weight: bold;
    padding-top: 10px;
    border: 0px;
}
.ProjectView .Value
{
 font-size: 11px;
  padding: 5px 5px 5px 0px;
}

.ChechBoxList
{
    overflow-y: auto;
    width: 186px;
    height: 248px;
    background-color: White;
    border: solid 1px #888888;
}

/*************** item  *************************/

.listItem
{
    clear: both;
    padding: 20px;
}
.listItem h3
{
    padding: 0;
}
.listItem .name
{
    font-weight: bold;
    padding: 3px;
}
.listItem .data
{
    vertical-align: middle;
    padding: 3px;
}




.threeCol
{
    width: 670px;
    height: 300px;
    padding-top: 5px;
}
.threeCol .leftHolder
{
    width: 30%;
    float: left;
}
.threeCol .centerHolder
{
    width: 33%;
    float: left;
}
.threeCol .rightHolder
{
    width: 33%;
    float: left;
}

.ViewHolder .text
{
    padding-bottom: 20px;
}
.ViewHolder .links
{
    position: absolute;
    margin: 10px;
    left: 10px;
}
.ViewHolder .links li
{
    padding: 5px 0;
}
.ViewHolder #preview
{
    margin: 20px auto;
    width: 460px;
    background-color: Black;
    border: 1px solid #ccc;
}
.ViewHolder .bigPhoto
{
    margin: 0 auto;
    width: 460px;
    height: 395px;
    text-align: center;
    border: none;
    padding: 15px 0px 10px 0px;
}
.ViewHolder .bigPhoto .imgs
{
    display: table-cell;
    vertical-align: middle;
    width: 460px;
    height: 395px;
    font-size: 14px;
    line-height: 360px;
    text-align: center;
}
.ViewHolder .bigPhoto img
{
    margin: 0 auto;
    vertical-align: middle;
}
.ViewHolder .creater .star, .ViewHolder .creater .voted
{
    float: left;
}
.ViewHolder .Content label
{
    font-weight: bold;
    display: block;
    padding: 0;
    padding-top: 10px;
    color: Black;
}
.ViewHolder .Content label.frist
{
    padding-top: 0;
}
.ViewHolder .greenbox
{
    margin: 10px 60px;
}
.ViewHolder .greenbox .Content
{
    padding: 20px;
    overflow: hidden;
}
.ViewHolder .greenbox .Content td
{
    text-align: left;
    line-height: 18px;
    vertical-align: top;
}
.ViewHolder .creater
{
    width: 350px;
    border-right: 1px solid #9fbea4;
}
.ViewHolder .detail
{
    width: 210px;
    border-right: 1px solid #9fbea4;
    padding-left: 15px;
}
.ViewHolder .tools
{
    width: 120px;
    padding-left: 15px;
}
.ViewHolder .tools a
{
    display: block;
    padding: 0;
    padding-bottom: 6px;
}
/* start images list style */

.ImgList
{
    overflow: hidden;
    padding: 15px;
}
.ImgList li
{
    padding: 3px;
    float: left;
}
.ImgList li a
{
    height: 103px;
    vertical-align: middle;
    width: 124px;
    display: table-cell;
    text-align: center;
    padding: 4px;
    font-size: 13px;
    border: 1px solid #b7b7b7;
    zoom: 1;
    -moz-box-sizing: content-box;
}
.ImgList li a img
{
    margin: 0 auto;
    vertical-align: middle;
    border: none;
}
/*html>body .ImgList li a{ height:103px;}*/

.ImgList2 h5
{
    margin: 0;
}
.ImgList2 td
{
    padding: 10px;
    vertical-align: top;
    text-align: center;
}
.ImgList2 td div.holder
{
    margin: 0 auto;
    width: 100px;
}
.ImgList2 .photo
{
    display: table-cell;
    vertical-align: middle;
    height: 80px;
}
.ImgList2 .text
{
    margin-top: 5px;
    width: 80px;
    overflow: hidden;
    text-align: center;
}
.ImgList2 table
{
    width: auto;
}
.ImgList2 ul{ width: 100%;}
.ImgList2 li{ display: block; float: left; margin: 10px 10px 10px 30px;}
.ImgList2 li img{ border-width: 0px; display: block; text-align: center; vertical-align: middle; overflow: hidden; height: 80px; width: 80px;}

.tools input
{
    margin-right: 20px;
}

.myComments
{
    padding-top: 1px;
    width: 100%;
}
.myComments .item
{
    float: none;
    padding: 5px;
    margin-top: 5px;
}
.myComments .text
{
    margin-left: 100px;
    padding-bottom: 10px;
    min-height: 80px;
    height: auto;
}
.myComments .text img
{
    vertical-align: middle;
    margin-right: 3px;
}
.myComments .tools
{
    float: right;
}
.myComments .tools input
{
    margin-left: 20px;
}
.myComments .message
{
    display: inline;
    font-size: 0;
}
.myComments .whiteBG
{
    margin-top: 5px;
    padding: 5px;
}
.myComments .photo
{
    margin-top: 4px;
    margin-right: 4px;
    padding: 3px;
    border: solid 1px #e6f2e8;
    vertical-align: middle;
    margin-bottom: 0px;
    text-align: center;
    overflow: hidden;
    clear: left;
    position: absolute;
}
.myComments .photo .useImg
{
    height: 74px;
    width: 74px;
    background-color: White;
}
.myComments .photo img
{
    margin: 0 auto;
    vertical-align: middle;
}
.myComments .comments
{
    height: 45px;
    color: #222222;
    overflow: hidden;
    line-height: 1.3em;
}
.myComments table
{
    width: 100%;
}

/****************************************/
/* page share part  define */

.star
{
    width: 80px;
    height: 20px;
    background: url(../../images/vote_star_gray_16.gif) repeat-x left top;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
}
.star div
{
    height: 20px;
    background: url(../../images/vote_star_active_16.gif) repeat-x left top;
}

.formTitle
{
    height: 40px;
}
.formTitle .right
{
    float: left;
    clear: right;
    width: 256px;
}
.formTitle .left
{
    float: left;
    width: 256px;
}

.btn_back
{
    text-align: right;
    float: right;
}
.btn_add
{
    margin: 0;
}

.AddForm
{
    clear: both;
    display: inline-table;
    width: 100%;
}
.AddForm label
{
    width: 24%;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 20px;
    padding: 3px;
    clear: left;
    vertical-align: middle;
}
.AddForm .data label
{
    width: auto;
    display: inline;
    float: none;
    font-weight: normal;
    line-height: 1.3em;
    padding: 2px;
    clear: left;
    vertical-align: middle;
}
.AddForm .data
{
    float: left;
    clear: right;
    width: 70%;
    vertical-align: middle;
    padding: 3px;
}
.AddForm .data img
{
    vertical-align: middle;
}
.AddForm .brdata
{
    float: left;
    clear: left;
    width: 100%;
}
.AddForm .brdata label
{
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
    padding-left: 6px;
    float: none;
}
.AddForm .brdata input
{
    display: inline;
    float: none;
}
.AddForm .brdata .hr
{
    margin: 10px 0;
    width: 97.5%;
}
.AddForm .brdata table.auto
{
    width: auto;
    margin: auto;
}
.AddForm .brdata .fullbox
{
    margin-bottom: 30px;
}
.roundBox .AddForm
{
    margin: 5px 10px;
}
.roundBox .AddForm label
{
    text-align: right;
    color: #234f2e;
    padding-right: 5px;
}

.AddFormOne
{
    clear: both;
    display: inline-table;
    width: 100%;
}
.AddFormOne label
{
    width: 8%;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 20px;
    padding: 3px;
    clear: left;
    vertical-align: middle;
}
.AddFormOne .data label
{
    width: auto;
    display: inline;
    float: none;
    font-weight: normal;
    line-height: 1.3em;
    padding: 2px;
    clear: left;
    vertical-align: middle;
}
.AddFormOne .data
{
    float: left;
    clear: right;
    width: 70%;
    vertical-align: middle;
    padding: 3px;
}
.AddFormOne .data img
{
    vertical-align: middle;
}
.AddFormOne .brdata
{
    float: left;
    clear: left;
    width: 100%;
}
.AddFormOne .brdata label
{
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
    padding-left: 6px;
    float: none;
}
.AddFormOne .brdata input
{
    display: inline;
    float: none;
}
.AddFormOne .brdata .hr
{
    margin: 10px 0;
    width: 97.5%;
}
.AddFormOne .brdata table.auto
{
    width: auto;
    margin: auto;
}
.AddFormOne .brdata .fullbox
{
    margin-bottom: 30px;
}
.roundBox .AddFormOne
{
    margin: 5px 10px;
}
.roundBox .AddFormOne label
{
    text-align: right;
    color: #234f2e;
    padding-right: 5px;
}

.AddFormTwo
{
    clear: both;
    display: inline-table;
    width: 100%;
    padding:0px;
    margin:0px;
}
.AddFormTwo label
{
    width: 100px;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 20px;
    padding: 3px;
    clear: left;
    vertical-align: middle;
}
.AddFormTwo .data label
{
    width: auto;
    display: inline;
    float: none;
    font-weight: normal;
    line-height: 20px;
    padding: 3px;
    clear: left;
    vertical-align: middle;
}
.AddFormTwo .data
{
    float: left;
    clear: right;
    width: 70%;
    vertical-align: middle;
    line-height: 20px;
    padding: 3px;
}
.AddFormTwo .data img
{
    vertical-align: middle;
}
.AddFormTwo .brdata
{
    float: left;
    clear: left;
    width: 100%;
}
.AddFormTwo .brdata label
{
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
    padding-left: 6px;
    float: none;
}
.AddFormTwo .brdata input
{
    display: inline;
    float: none;
}
.AddFormTwo .brdata .hr
{
    margin: 10px 0;
    width: 97.5%;
}
.AddFormTwo .brdata table.auto
{
    width: auto;
    margin: auto;
}
.AddFormTwo .brdata .fullbox
{
    margin-bottom: 30px;
}
.roundBox .AddFormTwo
{
   
}
.roundBox .AddFormTwo label
{
    text-align: right;
    color: #234f2e;
    padding-right: 5px;
}

.page .roundBox .inner
{
    padding: 10px;
}
.sublinkArea .inner h3
{
    margin-top: 20px;
    z-index: 10000;
    margin-bottom: -10px;
    position: relative;
}
.fullbox .AddForm
{
    margin: 5px 10px;
}
.fullbox .AddForm label
{
    text-align: right;
    color: #234f2e;
    padding-right: 5px;
}

.labelText
{
    color: #234f2e;
    padding-right: 5px;
    font-weight: bold;
    padding-left: 5px;
}

.sortCenter label
{
    width: 33%;
}
.sortCenter .data
{
    width: 55%;
}


.img-holder table
{
    width: auto;
}
.img-holder a
{
    width: 50px;
    height: 50px;
    display: block;
    border: 1px solid #bacfc0;
    padding: 2px;
    padding-bottom: 2px !important;
    padding-bottom: 0px;
    background-color: White;
    border-top: 0px;
    text-align: center;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 4px;
}
.img-holder li
{
    float: left;
    display: block;
}
.img-holder a img
{
    margin: 0 auto;
}

.title
{
    padding: 5px 0;
}
.title a
{
    font-size: 14px;
    color: #266337;
    text-transform: uppercase;
    font-weight: bold;
}

.whiteBG
{
    border: 1px solid #bacfc0;
    border-top: 0;
    background-color: White;
    margin: 0 10px;
}

#helpMsg
{
    position: absolute;
    right: 10px;
    width: 300px;
    bottom: 40px;
    max-height: 250px;
    overflow: auto;
}
#helpMsg .helpbox
{
    background-color: White;
    padding: 10px;
    font-size: 11px;
}


.viewmore
{
    text-align: right;
    font-size: 11px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    text-transform: capitalize;
    overflow: hidden;
}
.viewmore img
{
    vertical-align: middle;
    margin-left: 5px;
}
.viewmore .btn_left
{
    float: left;
    text-align: left;
    clear: left;
}
.viewmore a
{
    color: #276337;
    cursor: pointer;
    line-height: 17px;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
}
.viewmore .pager a
{
    padding: 0;
}
.viewmore input
{
    vertical-align: middle;
}

h3
{
    font-size: 16px;
    font-family: Arial;
    color: #438e50;
    margin: 0;
    padding: 0;
}
h3 img
{
    margin-right: 5px;
    vertical-align: middle;
}
h4
{
    font-size: 12px;
    font-family: Arial;
    color: #438e50;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}
h5
{
    font-size: 12px;
    font-family: Arial;
    padding: 3px;
    margin: 3px 0;
    margin-top: 8px;
    padding: 0;
}

.fullbox
{
    background-color: #d4ecdc;
    padding: 10px;
    margin-top: 10px;
}
.fullbox th
{
    color: #276337;
    height: 16px;
    text-align: left;
    background-color: White;
    padding-left: 10px;
}
.fullbox tr td
{
    padding: 5px;
    padding-left: 10px;
    font-size: 11px;
}
.fullbox tr td input
{
    margin-right: 10px;
}
.fullbox td.commentTitle
{
    font-size: 16px;
    width: 60%;
}
.fullbox .viewmore
{
    padding: 5px 5px 0 0;
    text-align: left;
}
.fullbox .pager
{
    padding-top: 0;
    margin-top: 5px;
}
.fullbox table
{
    width: 100%;
}
.fullbox .addcomment
{
    padding: 10px;
}
.fullbox .fixWidth
{
    overflow: auto;
}
.fullbox .tabs
{
    text-align: right;
    float: right;
}
.fullbox .tabs a
{
    display: inline-block;
    padding: 0 5px 10px 5px;
    margin: 4px;
    margin-bottom: 0;
}
.fullbox .tabs a.on
{
    display: inline-block;
    padding: 0 5px 10px 5px;
    margin: 4px;
    margin-bottom: 0;
    background-color: White;
}
.fullbox
{
    margin-bottom: 20px;
}
.fullbox .hr
{
    margin: 2px 10px;
    height: 2px;
    font-size: 0;
    background: url(../../images/dotline5.gif) repeat-x left top;
}
.fullbox .sublink
{
    margin-top: -25px;
}
.noborder
{
    padding: 0;
    background-color: Transparent;
}
.noborder table
{
    width: 98%;
}

.whiteBorder
{
    border: 3px solid #e6f2e8;
}

.whiteBox
{
    background-color: White;
}
.whiteBox .header
{
    height: 10px;
    background: url(../../Images/boxWhite.gif) no-repeat left top;
}
.whiteBox .footer
{
    height: 10px;
    background: url(../../Images/boxWhite.gif) no-repeat left bottom;
}

.sublink
{
    float: right;
    padding: 1px 5px;
    text-transform: uppercase;
    color: #276337;
}
.sublink a
{
    display: inline-block;
    padding: 0 4px;
    text-decoration: underline;
}
.sublink a.on
{
    color: Black;
}

.sublink2
{
    z-index: 1000000;
    float: right;
    position: absolute;
    right: 20px;
    margin-top: -7px;
}
* + html .sublink2
{
    margin-top: -3px;
}

.page .myComments
{
    width: 100%;
    padding-top: 0;
}
.btn_back
{
    display: none;
}

.AddCommentHolder
{
    padding: 5px 12px;
}
.AddCommentHolder h4
{    
    line-height: 18px;
    cursor: pointer;
}
.AddCommentHolder textarea
{
    width: 100%;
}
.fullbox .AddCommentHolder
{
    padding: 5px 5px 5px 0;
}

#divExistList
{
    padding: 5px;
    border-left: 90px solid #eff0ef;
}
#divExistList table
{
    width: 100%;
}
#divMusicList
{
    padding: 5px;
    border-left: 90px solid #eff0ef;
}
#divMusicList table
{
    width: 100%;
}

.divMusicType
{
    width: 90px;
    position: absolute;
    padding: 5px;
    z-index: 6;
}
.divMusicType ul li
{
    padding: 5px;
}
.divMusicType .m01 #m01
{
    background-color: White;
}
.divMusicType .m02 #m02
{
    background-color: White;
}

.myMuisc
{
    
}
.playerHolder
{
    height: 45px;
}
.myMuisc .nomusic
{
    height: 50px;
    padding: 10px;
}
.myMuisc td .item
{
    padding: 5px;
    background: url(../../images/dotline3.gif) repeat-x left bottom;
    position: relative;
    z-index: 2;
}
*+html .myMuisc td .item
{
    padding: 5px;
    background: url(../../images/dotline3.gif) repeat-x left bottom;
    position:static;
    z-index: 2;
}
.myMuisc td .item .tools
{
    float: right;
}
.myMuisc td .item .label
{
    display: inline;
}
.myMuisc td .item .star
{
    display: inline-block;
    vertical-align: middle;
}
.myMuisc td .item .links
{
    padding: 10px 0;
}

#playListPage .divMusicType
{
    margin-left: 10px;
    z-index: 10;
}
#playListPage #flashaudiocontent
{
    padding: 5px 10px;
    position: absolute;
    padding-left: 10px;
}
#playListPage #divMusicList
{
    border-left-width: 0px;
    height: auto;
}
#playListPage .item
{
    padding: 5px;
    background: url(../../images/dotline3.gif) repeat-x left top;
    line-height: 1.5em;
}
#playListPage .item .tools
{
    float: right;
}


.contactpage .roundBox
{
    margin-top: 10px;
    margin-bottom: 20px;
}
.contactpage .itemList .text
{
    margin-left: 10px;
}

.addNew
{
    float: right;
    margin-bottom: 3px;
    margin-top: -3px;
    font-size: 11px;
    font-weight: bold;
}
.addNew *
{
    vertical-align: middle;
}
.roundBox .addNew
{
    padding-right: 10px;
}
.backTop
{
    text-align: center;
    padding-left: 10px;
    background: url(../../images/icon/backtotop.png) no-repeat 412px 2px;
}
.popWindows
{
    padding: 10px;
}
.popWindows ul
{
    padding: 0;
    margin: 0;
}
.popWindows ul li
{
    padding: 3px 1px;
}

.greenbox
{
    position: relative;
    height: 1%;
}

.greenbox .Content
{
    border: 1px solid #9fbea4;
    background-color: #d3ecdb;
}
.greenbox span
{
    background: url(../../images/round1.gif) no-repeat;
}
.greenbox .Content span
{
    background: none;
}
.greenbox .leftTop
{
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: left top;
}
.greenbox .rightTop
{
    background-position: right top;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.greenbox .leftBottom
{
    background-position: left bottom;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.greenbox .rightBottom
{
    background-position: right bottom;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: 0px;
}


/*single define*/
.clear
{
    clear: both;
}
.BC
{
    font-size: 11px;
    padding-bottom: 15px;
    padding-top: 5px;
    height: 15px;
}
.BC a:link
{
    text-decoration: underline;
}
.BC a:visited
{
    text-decoration: underline;
}
.handCursor
{
    cursor: pointer;
}
#ctl00_divHelp
{
    float: right;
    margin-top: -40px;
}
#flashaudiocontent
{
    padding: 5px 10px;
    position: absolute;
}

.space
{
    font-size: 1px;
    height: 1px;
    overflow: hidden;
}
.nodata
{
    font-size: 40px;
    text-align: center;
    color: #d3ecdb;
    padding: 40px 10px;
    background-color: #fff;
    margin-bottom: 20px;
}
.tooltip
{
    display: none;
    position: absolute;
    z-index: 1001;
    left: 10px;
    top: 15px;
    width: 170px;
    padding: 3px;
    border: dotted 1px;
    background-color: InfoBackground;
    overflow: inherit;
}
span.AlertMessage
{
    font-weight: bold;
    font-size: 12px;
    color: Green;
    padding-left: 10px;
    display: block;
}
span.ErrorMessage
{
    font-weight: bold;
    font-size: 12px;
    color: red;
    padding-left: 10px;
    display: block;
}
.desc
{
    padding-top: 4px;
}
.desc .roundBox
{
    margin-top: 10px;
    margin-bottom: 16px;
}
.desc .inner
{
    padding: 15px;
    padding-top: 10px;
    padding-left: 60px;
    background-image: url(../../Images/tips_title.gif);
    background-repeat: no-repeat;
    background-position: 5px 13px;
    line-height: 1.5em;
}
.center
{
    margin: auto;
    text-align: center;
    padding-top: 5px;
}
.center *
{
    vertical-align: middle;
}
.center a
{
    font-size: 13px;
    line-height: 16px;
}
.center input
{
    margin: auto;
}
.padding
{
    padding: 10px;
}

.editProductPage
{
    display: inline-table;
    width: 100%;
}
.reportList .data
{
    color: Green;
    margin-bottom: 5px;
    padding: 5px;
    font-weight: bold;
}
.baseInfo
{
    float: right;
    width: 230px;
    padding-top: 10px;
}
.btn-right
{
    float: right;
    font-weight: bold;
}
.message .roundBox
{
    margin-bottom: 30px;
    margin-top: 10px;
}
.greenborder
{
    border: 3px solid #e6f2e8;
}
.toolbar
{
    padding-bottom: 1px;
    padding-top: 1px;
}
.contentcenter
{
    text-align: center;
}


.PhotoShare
{
    float: right;
    width: 180px;
    padding-top: 10px;
    padding-right: 20px;
}
.PhotoShare ul
{
    margin-top: 10px;
}
.PhotoShare ul li
{
    padding: 3px;
    margin-left: -17px;
}
.PhotoShare ul li a
{
    text-transform: uppercase;
    color: #3c5697;
    display: block;
    padding-left: 14px;
}
.PhotoShare ul li a:hover, .PhotoShare ul li a.on
{
    background: url(../../images/blue_arr_9.gif) no-repeat left center;
}

.bigPhoto
{
    text-align: center;
    padding: 5px;
    width: 700px;
    margin: auto;
}
.bigPhoto a
{
    display: block;
    margin-top: 10px;
    clear: both;
}

.helpInfo
{
    width: 30%;
    float: left;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 2em;
    padding-right: 10px;
}
.helpInfo b
{
    color: #276337;
}
.stepDetail
{
    width: 55%;
    float: left;
    margin: 30px 40px 30px 10px;
    border-left: 1px solid #a5beab;
    padding: 10px;
}
.stepDetail b
{
    display: block;
    color: #276337;
}
.stepDetail img
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 3px;
}
.stepDetail .hr
{
    margin: 10px 0;
}
.descText
{
    margin: 20px 40px;
    padding: 20px;
    border: 1px solid #9fbea4;
}

#print_button
{
    margin-bottom: -20px;
    padding-right: 20px;
}
#print_button img
{
    vertical-align: middle;
    margin-right: 10px;
}

/* inner page style---Blog Module*/


.rightSidebar .inner
{
    padding: 5px;
}

.comment_holder
{
    padding: 10px;
}
.comment_holder .star
{
    float: right;
}
.comment_holder .voteText
{
    float: right;
    padding: 3px;
    padding-right: 8px;
}
.comment_holder .text
{
    overflow: hidden;
    width: 450px;
}

.topVote_holder .star
{
    float: right;
}
.topVote_holder .voteText
{
    float: right;
    padding: 3px;
    padding-right: 8px;
}

.iconDesc
{
    padding-bottom: 10px;
}
.iconDesc img
{
    vertical-align: middle;
}

/*transfer point*/
.user-carbon-points, .user-gambassa-points
{
    width: 50px;
    text-align: right;
}
input.error
{
    background: #f77;
}
/* share icon*/
#shareIcon img
{
border-width: 0px; height: 16px; width: 16px;margin:1px 3px;
}
#shareIcon a{
 display:inline;
}
.insertedcontent:hover{
    font-weight:bold;    
    cursor: pointer;
}


.roundBoxWhite
{
    margin-top: 0px;
}

.roundBoxWhite .friendLi li
{
    width:150px;
    height:32px;
    text-align:center;
}

.roundBoxWhite .friendLi li a
{
    font-weight:bold;
}

.fullboxInputData
{
    background-color: #d4ecdc;
    margin-top: 10px;
}
.fullboxInputData th
{
    color: #276337;
    height: 16px;
    text-align: left;
    background-color: White;
    padding-left: 10px;
}

.fullboxInputData .viewmore
{
    padding: 5px 5px 0 0;
    text-align: left;
}
.fullboxInputData .pager
{
    padding-top: 0;
    margin-top: 5px;
}
.fullboxInputData table
{
    width: 100%;
}
.fullboxInputData .addcomment
{
    padding: 10px;
}
.fullboxInputData .fixWidth
{
    overflow: auto;
}
.fullboxInputData .tabs
{
    text-align: right;
    float: right;
}
.fullboxInputData .tabs a
{
    display: inline-block;
    padding: 0 5px 10px 5px;
    margin: 4px;
    margin-bottom: 0;
}
.fullboxInputData .tabs a.on
{
    display: inline-block;
    padding: 0 5px 10px 5px;
    margin: 4px;
    margin-bottom: 0;
    background-color: White;
}
.fullboxInputData
{
    margin-bottom: 20px;
}
.fullboxInputData .hr
{
    margin: 2px 10px;
    height: 2px;
    font-size: 0;
    background: url(../../images/dotline5.gif) repeat-x left top;
}
.fullboxInputData .sublink
{
    margin-top: -25px;
}