﻿body
{
}

.title
{
    padding: 0 0 0 50px;
    font-family: Century Gothic; /*change*/
    font-size: 25px;
    color: #6181FA; 
    height: 2px;
}

.update
{
    font: 20px Century Gothic;
    color: #6181FA; /*change*/
    font-weight: bold;
}

.storieslist
{
    padding-left:5px;
    font: bold 14px Century Gothic;
    text-decoration: none;
    color: #6181FA;
}

.stories
{
    font: 25px Century Gothic;
    text-align: center;
    color: #6181FA; /*change*/
    text-decoration: none;
    font-weight: bold;
}

.tdOvelTL
{
    background-image: url(Images/BlueTL.gif); 
    background-repeat: no-repeat;
    background-position: left width:16px; 
    height: 16px;
    width: 16px;
}
.tdOvelBL
{
    background-image: url(Images/BlueBL.gif); 
    background-repeat: no-repeat;
    background-position: left width:16px; 
    height: 16px;
    width: 16px;
}
.tdOvelTR
{
    background-image: url(Images/BlueTR.gif); 
    background-repeat: no-repeat;
    background-position: right width:16px; 
    height: 16px;
    width: 16px;
}
.tdOvelBR
{
    background-image: url(Images/BlueBR.gif); 
    background-repeat: no-repeat;
    background-position: right width:16px; 
    height: 16px;
    width: 16px;
}
.tdOvelLineTop
{
    background-image: url(Images/BlueLine.gif); 
    text-align: center; 
    background-repeat: repeat-x;
    background-position: top; 
}
.tdOvelLineButton
{
    background-image: url(Images/BlueLine.gif); 
    text-align: center; 
    background-repeat: repeat-x;
    background-position:bottom; 
}
.tdOvelLineLeft
{
    background-image: url(Images/BlueLine.gif); 
    background-repeat: repeat-y;
    background-position: left; 
}
.tdOvelLineRight
{
    background-image: url(Images/BlueLine.gif); 
    
    background-repeat: repeat-y;
    background-position:right; 
}
.userText
{
    font: bold 12px Century Gothic;
    color: #6181FA;
}

.userTextHomePage
{
    padding: 0 10px 0 0;
    font: bold 12px Century Gothic;
    color: #6181FA; /*change*/
}

.userHomeText
{
    padding: 0 10px 0 0;
    font: bold 14px Century Gothic;
    color: #6181FA; /*change*/
}


.registrationTextbox
{
    padding: 5px 0px 0 0px;
}

.registrationTitle
{
    font: bold 18px Verdana;
    padding-top: 10px;
    color: #2054C6; /*change*/
}

.flyOutDiv
{
    display: none;
    position: absolute;
    width: 400px;
    opacity: 0;
    filter: (progid:DXImageTransform.Microsoft.Alpha(opacity=0));
    font-size: 14px;
    border: solid 1px #CCCCCC; /*change*/
    background-color: #FFFFFF; /*change*/
    padding: 5px;
}
.flyOutDivCloseX
{
    background-color: #666666; /*change*/
    color: #FFFFFF; /*change*/
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    border: outset thin #FFFFFF; /*change*/
    padding: 5px;
}


/* Grid view css*/
.rowstyle
{
    background-color: #F7F6F3; /*change*/
    color: #2054C6; /*change*/
 }

.alternatingrowstyle
{
    color: #284775; /*change*/
    background-color: White;
}

.headerstyle
{
    background-color: #6181FA; /*change*/
    font-weight: bold;
    color: White;
    position:relative;
}

.editrowstyle
{
    background-color: #999999; /*change*/
}

.selectedrowstyle
{
    background-color: #E2DED6; /*change*/
    font-weight: bold;
    color: #333333; /*change*/
}

.gridview
{
    color: #333333; /*change*/
}

.pagerstyle
{
    color: White;
    background-color: #6181FA; /*change*/
}

.footerstyle
{
    background-color: #6181FA; /*change*/
    font-weight: bold;
    color: White;
}

.content
{
    padding: 10px 20px 10px 20px;
}
.nostory
{
    padding: 10p x 20px 10px 20px;
    text-align: center;
}

.collapsePanelHeader
{
    width: 99%;
    height: 25px; /*background-image: url(../../images/bg-menu-main.png);*/
    background-color: #c2ddf4; /*change
    background-repeat: repeat-x;*/
    color: #212C42; /* #FFFFFFchange*/
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 15px;
}
.MenuHeader
{
    width: 99%;
    height: 18px; /*background-image: url(../../images/bg-menu-main.png);*/
    background-color: #6181FA; /*change
    background-repeat: repeat-x;*/
    color: #212C42; /* #FFFFFFchange*/
    font-weight: bold;
    text-align: left;
    padding: 3px 0 0 15px;
}

/* Button */



.rptPanelTop
{
    border-left: solid 1px #444444;
    border-top: solid 1px #444444;
    border-right: solid 1px #444444;
    height:30px;
}
.rptPanelButtom
{
    border-left: solid 1px #444444;
    border-bottom: solid 1px #444444;
    border-right: solid 1px #444444;
}
.rptPanelmid
{
    border-left: solid 1px #444444;
    border-right: solid 1px #444444;
    height:200px;
    overflow:auto;
}
.rptPanelmidfire
{
    border-left: solid 1px #444444;
    border-right: solid 1px #444444;
    height:200px;
    overflow-y:scroll;
}
.rptHeader
{
    color: White;
	background:#6181FA;
	border: solid 1 #444444;
}
.rptHeaderTD
{
    border-right-width:1px; 
    border-right-style:ridge; 
    border-right-color:Black;
}

.rptAtlernateTr
{
    background-color: #E3F0FB;/* #c2ddf4;*/
    color:#333333;
    text-indent: 5px;
    height: 20px;
}
.rptTr
{
    background-color: White;
    color:#333333;
    text-indent: 5px;
    height: 20px;
}
.rptAtlTrSelect
{
    background-color: #eff3fb;
    color:#6181FA;
    cursor:pointer;
}
.rptTrSelect
{
    background-color: White;
    color:#6181FA;
    cursor:pointer;
}


.button-style
{
    /* background-image: url(  '../../Images/saveblue.gif' );*/
    background-color: #6181FA;
    color: White;
    font-size:10pt;
    font-weight:bold;
    font-family : Century Gothic, Verdana;
    width: 80px;
    height: 24px;
    border: solid,1,#6181FA;
}
.button-style100
{
    /* background-image: url(  '../../Images/saveblue.gif' );*/
    background-color: #6181FA;
    color: White;
    font-size:10pt;
    font-weight:bold;
    font-family : Century Gothic, Verdana;
    width: 100px;
    height: 24px;
    border: solid,1,#6181FA;
}
.button-style120
{
    /* background-image: url(  '../../Images/saveblue.gif' );*/
    background-color: #6181FA;
    color: White;
    font-size:10pt;
    font-weight:bold;
    font-family : Century Gothic, Verdana;
    width: 120px;
    height: 24px;
    border: solid,1,#6181FA;
}
.hyperlink
{
    text-decoration:none;
    font-family : Century Gothic, Verdana;
    font-size:10pt;
    color: #0000FF;
}
.hyperlink:hover 
{
    text-decoration:underline;
    color: #3a90FF;
}
.hyperlink:visited 
{
    color: #0000FF;
}

.Updatelink
{
    text-decoration:none;
    font-family : Century Gothic, Verdana;
    font-size:10pt;
    color: #6181FA;
}
.Updatelink:hover 
{
    text-decoration:underline;
    color: #6181FA;
}
.Updatelink:visited 
{
    color: #6181FA;
}

.linkbutton
{
    text-decoration:none;
    font-family : Century Gothic, Verdana;
    font-size:10pt;
    color: #0000FF;
}
.linkbutton:hover 
{
    text-decoration:underline;
    color: #3a90FF;
}
.linkbutton:visited 
{
    color: #0000FF;
}

.linkbtnBlack
{
    text-decoration:none;
    font-family : Century Gothic, Verdana;
    font-size:10pt;
    font-weight:bold;
    color: #ffffff;
}
.linkbtnBlack:hover 
{
    text-decoration:underline;
    color: #eeeeee;
}
.linkbtnBlack:visited 
{
    color: #ffffff;
}


.hyperlinkH1
{
    text-decoration:none;
    font-family : Century Gothic, Verdana;
    font-size:20px;
    color: #6181FA;
}
.hyperlinkH1:hover 
{
    text-decoration:underline;
    color: #0088dd;
}
.hyperlinkH1:visited 
{
    color: #6181FA;
}


.LabelNormal
{
    color: #00008A;
    font-family : Century Gothic, Verdana;
    font-size:10pt;
}

.LabelBlack
{
    color: Black;
    font-family : Century Gothic, Verdana;
    font-size:10pt;
}


.LabelH1
{
    color: #6181FA;
    font-family : Century Gothic, Verdana;
    font-size:22px;
    font-weight:bold;
}
.LabelH2
{
    color: #6181FA;
    font-family : Century Gothic, Verdana;
    font-size:18px;
}
.LabelH3
{
    color: #6181FA;
    font-family : Century Gothic, Verdana;
    font-size:25px;
}
.LabelH4
{
    color: #333333;
    font-family : Century Gothic, Verdana;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
}
.LabelError
{
    color: Red;
    font-family : Century Gothic, Verdana;
    font-size:10pt;
}
.LabelH3
{
    color: #6181FA;
    font-family : Century Gothic, Verdana;
    font-size:25px;
}