/*** Start configuration ******************************************************/
BODY, DIV, H1, H2, H3, H4, H5, H6, P, A, FORM, FIELDSET, SELECT, INPUT,
TABLE, TD, TH, DD, DL, DT, LI {
    padding:0;
    margin:0;
}

UL, OL {
    margin: 0 0 0 20px;
    padding: 0 0 0 10px;
}
UL {
    list-style: disc;
}

OL {
    list-style: decimal;
}


IMG 		{border: none;}

.t_left 	{text-align: left;}
.t_center 	{text-align: center;}
.t_right 	{text-align: right;}

.f_l {float:left !important;}
.f_r {float:right !important;}
.nobr {
    white-space: nowrap;
    }
.clear {
    clear: both;
    font-size: 1px;
}
.clearfix:after {
    clear: both;
    display: block;
    line-height: 0;
    height: 0;
    font-size: 0;
    content: " ";
    visibility: hidden;
    border-bottom: 1px solid red;   /* just to see it... */
}
/***************************************************************************/

/***** Text Elements *****************************************************/
h1 {
    border-bottom: 1px solid #DEDEDE;
    color: #003366;
    font: bold 20px/36px Arial,Tahoma,Sans-serif;
    padding: 5px 0 0 10px;
}

h1.signup {
    border-bottom: none;
}
h2 {
    font: bold 14px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    color: #003366;
    line-height: 20px;
}
h2 a, h2 a:visited  {
    font: bold 14px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    color: #003366;
    line-height: 20px;
    text-decoration: none;
}
h2 a:hover  {
    text-decoration: underline;
}
h2.f_l{
    padding-left: 10px;
}
h3 {
    font: 14px Arial, Tahoma, Sans-serif;
    color: #003366;
}

h4 {
    font: 14px/20px Arial, Tahoma, Sans-serif;
    color: #557AA2;
    margin:5px 0 5px 0;
    overflow: hidden;
}
h4 span.title{
    display: block;
    float: left;
    margin-right: 10px;
}
h5 {
    font: bold 14px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    color: #000;
    line-height: 20px;
}
h5 strong{
    font-weight: bold;
}
h6 {
    font: 14px/20px Arial, Tahoma, Sans-serif;
    color: #557AA2;
    margin:0 0 5px 0;
    overflow: hidden;
}
.notice {
    font-style: italic;
    font-size: 11px;
}
.text_main{
    font: 14px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    color: #000;
}
strong {
    font-weight: bold;
}

/***************************************************************************/

/***** Form Elements *****************************************************/
FIELDSET {border: none;}

INPUT,
TEXTAREA,
INPUT[type='text'] {background-color: #FFF;}

.inp_signup{
    width: 228px;
    font-size: 16px;
    color: #777;
    border:1px solid #777;
    padding: 2px 5px;
}
.btn_login{
    background: url(/images/btnblue-big-70.gif) no-repeat left top;
    width: 70px;
    height: 26px;
    border: none;
    font:16px Arial, Tahoma, Sans-serif;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
}
/***************************************************************************/

/***** Styles for Links ****************************************************/
a, a:visited{
    text-decoration: none;
    color:#0272BE;
    cursor: pointer;
}
a:hover{
    text-decoration: underline;
}
a.forgot {
    font-size: 14px;
    color: #0272BE;
}
.footer .links a,
.footer .links a:visited {
    color:#0272BE;
    font-size: 11px;
    text-decoration: none;
}
.footer .links a:hover {
    text-decoration:underline;
}

.info a,
.info a:visited{
    display: block;
    padding-left: 25px;
    font: 11px "Trebuchet MS";
    line-height: 17px;
    color: #003366;
}
.info a.link_message{
    background: url(/images/ico-message.gif) no-repeat left 4px;
    width: 200px;
}
.info a.link_invitation{
    background: url(/images/ico-invitation.png) no-repeat left 0px;
    width: 200px;
}
.info a.link_reminder{
    background: url(/images/ico-reminder.png) no-repeat left 0px;
    width: 200px;
}


.info a.logout,
.info a.logout:visited{
    position: absolute;
    top: 3px;
    right: 0;
    display: block;
    width: 69px;
    height: 16px;
    line-height: 16px;
    padding-left: 3px;
    background: url(/images/btn-logout.gif) no-repeat right 50%;
    font: italic 11px Arial;
    color: #909090;
}
.info a.logout:hover{
    text-decoration: none;
}

/*** This link in title_page ***/

a.link_white,
a.link_white:visited{
    display: block;
    float: left;
    margin: 4px 30px;
    height: 21px;
}
a.link_white:hover{
    text-decoration:none;
}
a.link_white span{
    display: block;
    float: left;
    cursor: pointer;
}
a.link_white .bord_l{
    background: url(/images/btnwhite.gif) no-repeat left top;
    height: 21px;
    width: 9px;
}
a.link_white .bord_r{
    background: url(/images/btnwhite.gif) no-repeat left -42px;
    height: 21px;
    width: 9px;
}
a.link_white .name{
    background: url(/images/btnwhite.gif) repeat-x left -21px;
    height: 21px;
    font-size:14px;
    line-height: 21px;
    color: #003366;
}

/*** Styles for dark blue button ***/

a.link_button,
a.link_button:visited {
    display: block;
    float: left;
    background: #6289B2 url(/images/btnblue.gif) no-repeat left top;
    height: 18px;
    padding-left: 5px;
    text-decoration: none;
    color: #fff;
}

a.link_button .name {
    display: block;
    float: left;
    background: url(/images/btnblue.gif) no-repeat right -36px;
    height: 18px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
    white-space: nowrap;
}

a.link_button .ico {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

a.link_button .universal {
    background: none;
    width: 0;
}

a.link_button .read {
    background: url(/images/ico-read.gif) no-repeat center center;
}

a.link_button .unread {
    background: url(/images/ico-unread.png) no-repeat center center;
}

a.link_button .delete {
    background: url(/images/ico-delete.gif) no-repeat center center;
}

a.link_button .add {
    background: url(/images/add.png) no-repeat center center;
}

a.link_button .edit {
    background: url(/images/ico-edit-short.png) no-repeat center center;
}

a.link_button .deactivate {
    background: url(/images/ico-usr-deactivate.gif) no-repeat center center;
}

a.link_button .activate {
    background: url(/images/ico-usr-activate.gif) no-repeat center center;
}

a.link_button .register {
    background: url(/images/ico-register.gif) no-repeat center center;
}

a.link_button .cancel {
    background: url(/images/ico-cancel.gif) no-repeat center center;
}

a.link_button .send {
    background: url(/images/ico-message.gif) no-repeat center center;
}

a.link_button .stand {
    display: none;
}

a.link_button .save {
    background: url(/images/ico/ico-accept.png) no-repeat center center;
}

.title-block a.link_button,
.title-block a.link_button:visited {
    background: none;
    height: 26px;
    line-height: 26px;
    color: #0272BE;
    opacity: .7;
}

.title-block a.link_button:hover {
    opacity: 1;
}

.title-block a.link_button .name {
    background: none;
    line-height: 26px;
    font-size: 11px;
}
.title-block.event-group a.link_button,
.title-block.event-group a.link_button:visited {
    background: none;
    margin-top: 2px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.title-block a.link_button .ico {height: 26px;}

.title-block.event-group a.link_button:hover,
.title-block.event-group a.link_button:hover .name {
    color: #E4ECF6;
    text-decoration: underline;
}

.title-block.event-group a.link_button .name {
    background: none;
    cursor: pointer;
}
/************************************/

/*** Styles for "Show all" buttom ***/

a.btn-show-all,
a.btn-show-all:visited {
    display: block;
    float: left;
    height: 18px;
    text-decoration: none;
    margin-left: 5px;
    cursor: pointer;
}
a.btn-show-all span {
    display: block;
    float:left;
    height: 18px;
}
a.btn-show-all .bord_l{
    background: url(/images/btn-show-all.png) no-repeat -27px -18px;
    padding-left: 3px;
}

a.btn-show-all .ico{
    background: #0272BE url(/images/btn-show-all.png) no-repeat 3px -18px;
    padding: 0 3px 0 18px;
    font-size:12px;
    line-height: 18px;
    color: #fff;
}

a.btn-show-all .bord_r{
    background: url(/images/btn-show-all.png) no-repeat right -36px;
    padding-right: 30px;

}

table.show-all{
    margin-bottom: 0px;
    border-bottom: 1px solid #0272BE;
}

/* table.without-show-all{
    border-bottom: 2px solid #EEEEEE;
} */

/************************************/

/*** Styles for light blue buttom ***/
a.stand,
a.stand:visited {
    display: block;
    float: left;
    height: 16px;
    text-decoration: none;
    margin: 2px;
    cursor: pointer;
}

a.reply,
a.reply:visited {
    width: 24px;
    overflow: hidden;
}

a.stand:hover {
    text-decoration: none;
}

a.stand span {
    display: block;
    float: left;
    height: 16px;
    cursor: pointer;
}

a.stand .bord_l {
    background: url(/images/btn-tiny-sprite.gif) no-repeat left top;
    width: 4px;
}
a.stand .bord_r {
    background: url(/images/btn-tiny-sprite.gif) no-repeat right -32px;
    width: 4px;
}
a.stand .bg {
    background: url(/images/btn-tiny-sprite.gif) repeat-x left -16px;;
}

a.stand .name{
    font: italic 11px/16px Arial;
    color: #003366;
    white-space: nowrap;
}

a.stand.reply .name{
    display: none;
}

a.stand.reply .ico{
    display: block;
    background: url(/images/ico-tiny-reply.gif) no-repeat center center;
    width: 16px;
}

/******************************************************************************/

/*** Button visual like icon **************************************************/
a.link_info{
    position: relative;
    display: block;
    float: left;
    background: url(/images/ico/ico-info.png) no-repeat left center;
    height: 20px;
    width: 20px;
    cursor: help;
}
.info-visible a.link_info{
    position: relative;
    z-index: 10;
}
/*** This is link used in grid ***/
a.edit,
a.edit:visited{
    display: block;
    background: url(/images/ico-edit.png) no-repeat left 2px;
    height: 20px;
    padding-left: 22px;
    font: 12px/20px Tahoma;
    margin:0 5px;
    cursor: pointer;
}
a.delete,
a.delete:visited{
    display: block;
    background: url(/images/ico-delete.png) no-repeat left 2px;
    height: 20px;
    padding-left:22px;
    font: 12px/20px Tahoma;
    margin:0 5px;
    cursor: pointer;
}
a.details,
a.details:visited{
    display: block;
    background: url(/images/ico-details.png) no-repeat left 2px;
    height: 20px;
    padding-left:22px;
    font: 12px/20px Tahoma;
    margin:0 5px;
    cursor: pointer;
}
/********************************/
/** Buttons for forms ******************************/
button {
    background: none;
    height: 28px;
    margin: 0 5px;
    border: none;
    padding: 0;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    cursor:pointer;
}
.x-btn button{
    height: auto;
    color: #484848;
}

button span {
    display: block;
    /*float: left;*/
    height: 26px;
    margin:0px;
    background-color: #6289B2;
    line-height: 26px;
    cursor: pointer;
}

button span.left {
    background: url(/images/btnblue-big-sprite.gif) no-repeat left top;
    height: 26px;
    padding-left: 3px;
}

button span.right {
    background: url(/images/btnblue-big-sprite.gif) no-repeat right -26px;
    height: 26px;
    padding-right: 3px;
}

button span.stand {
    padding: 0 5px 0 5px;
    white-space: nowrap;
}

button span.save {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico-save.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.confirm {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico/ico-accept.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.invite {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico/ico-contact-add.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.save_go {
    padding: 0 5px 0 21px;
    background-image: url(/images/ico-savego.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.cancel {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico-cancel.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.contact-all {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico/ico-report.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.csv-export {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico/ico-export-csv.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.deactivate {
    background-image:  url(/images/ico-usr-deactivate.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
}

button span.delete {
    padding: 0 5px 0 21px;
    background-image: url(/images/ico-delete.png);
    background-repeat: no-repeat;
    background-position: left 4px;
}

button span.activate {
    padding: 0 5px 0 21px;
    background-image: url(/images/ico-usr-activate.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
}

button span.register {
    padding: 0 5px 0 21px;
    background-image: url(/images/ico-register.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
}

button span.send {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico-message.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.move {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico/ico-move-folder.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

button span.preview {
    padding: 0 5px 0 23px;
    background-image: url(/images/ico/ico-template-preview.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

/********************************/

/********************************/
.td_button{
    white-space: nowrap;
    text-align: center;
}
.td_button_left{
    white-space:nowrap;
    text-align: left;
    padding-bottom: 10px;
}