/* MASTER PAGE - BEGIN */

#logoWebGradNet
{
    margin:0px;
    padding:0px;
        /*margin: 10px;*/
    height:85px;
    width:227px;
    float:left;
    background-position:left  center;
    background-repeat: no-repeat;
}

/* MASTER PAGE - END */

/* GENERAL STYLES - BEGIN */

body
{
    background-color:rgb(213,223,237);
}

.pageTitles
{
    color:rgb(0,0,0);
    font-family:Arial;
    font-size:large;
    font-weight:bold;
    font-style:normal;
    padding-bottom:10px;
}

.pageSubTitles
{
    color:rgb(19,35,82);
    font-family:Arial;
    font-size:medium;
    font-weight:bold;
    font-style:normal;
    /*text-decoration:underline;*/
    /*padding-bottom:7px;*/
    border-bottom-style:solid; 
    border-bottom-color:rgb(121,150,186); 
    border-bottom-width:thin;
    padding-top:15px;
}

.pageTitlesWhite
{
    color:rgb(255,255,255);
    font-family:Arial;
    font-size:large;
    font-weight:bold;
    font-style:normal;
    padding-bottom:10px;
}

.pageTitlesDark
{
    color:rgb(19,35,82);
    font-family:Arial;
    font-size:large;
    font-weight:bold;
    font-style:normal;
    padding-bottom:10px;
}

.pageDescriptionBox
{
    padding-top:10px; 
    padding-bottom:20px;
}

.centerTable
{
    margin: 0px auto;
}

.centerTableLoginPage
{
    margin: 0px auto;
    width:600px;
}

.centerTableWithBorders
{
    margin: 0px auto;
    border-style: solid; 
    border-color: rgb(121,150,186); 
    border-width:thin; 
    padding: 10px 10px 10px 10px;
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    /*padding:3px;*/
    text-align:left;
}

dt 
{
    margin:0 1px 0 1px;
    position:relative;
    top:-1px;
    border-top: 1px solid;
 } 

dt b 
{
    margin:0 1px 0 1px;
    position:relative;
    top:-2px;
    display:block;
    border-top: 1px solid;
 }

dd 
{
    margin:0 1px 0 1px;
    position:relative;
    bottom:-1px;
    border-bottom: 1px solid;
 } 

.dd-content 
{
    margin:0 1px 0 1px;
    position:relative;
    bottom:-2px;
    border-bottom: 1px solid;
 }

dt.portletHeader 
{
    background-color: rgb(223,235,241); /*#DFEBF1;*/
    border-left: 20px solid rgb(121,150,186); /*#7996BA;*/
    border-bottom: 1px solid rgb(121,150,186); /*#7996BA;*/
    color: rgb(19,35,82); /*#132352;*/
    padding: 0.2em 0.5em;
    background-image: none;
    border-top-width:0px;
}

dt.portletHeaderReverse 
{
    background-color: rgb(223,235,241); /*#DFEBF1;*/
    border-right: 20px solid rgb(121,150,186); /*#7996BA;*/
    border-bottom: 1px solid rgb(121,150,186); /*#7996BA;*/
    color: rgb(19,35,82); /*#132352;*/
    padding: 0.2em 0.5em;
    background-image: none;
    border-top-width:0px;
}

dt.portletHeaderReverseWithHeight 
{
    background-color: rgb(223,235,241); /*#DFEBF1;*/
    border-right: 20px solid rgb(121,150,186); /*#7996BA;*/
    border-bottom: 1px solid rgb(121,150,186); /*#7996BA;*/
    color: rgb(19,35,82); /*#132352;*/
    padding: 0.2em 0.5em;
    background-image: none;
    border-top-width:0px;
    height:5px;
}

.portletHeaderClock
{
    /*color:rgb(0,0,0);*/
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    padding:3px;
    float:right;
}

li.item15
{
    padding-left:5px;
    /*list-style-image:url(img/gray-blue_square_15px.png);*/
    list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAIAAABbdmkjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAABtJREFUKFNjqJy2i0jEQKQ6oLJRpaMhQEIIAAAskHby0q0IYwAAAABJRU5ErkJggg==");
}

li.item5
{
    margin-bottom:10px;
    /*list-style-image:url(img/blue_square_5px.png);*/
    list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAABFJREFUGFdjSO6Zg4wYKOQDAAIRJpTsZLOMAAAAAElFTkSuQmCC");
}

ul.bulletsWithIndentation
{
    padding-left:10px;
    margin-left:10px;
}

.box1 
{
    background-color: rgb(223,235,241);/*rgb(20,3,150);*/ /*#a6583a;*/
    color:rgb(255,255,255);/*#fff;*/
    border-left: 1px solid rgb(106,100,156); /*1px solid #e99271;*/
    border-right: 1px solid rgb(21,10,107); /*1px solid #793117;}*/
 } 

.box1 dt 
{
    border-top-color: rgb(142,136,189);/*#be785c;*/
    margin:0;
 }

.box1 dt b 
{
    padding:10px;
    border-top-color: rgb(230,227,255); /*#ffb794;*/
 }

.box1 dd 
{
    border-bottom-color: rgb(9,1,69); /*#873d22;*/
    margin:0;
 }

.box1 .dd-content 
{
    border-bottom-color: rgb(9,1,69); /*#793117;*/
    padding:10px;
 }

/*
A linkbutton cannot be used when one of the requirements is to not use javascript.
So, we have to make a normal asp:button look like an asp:linkbutton
*/
.buttonAsLink
{
   background-color:transparent;
   border:none;
   color:blue;
   cursor:pointer;
   text-decoration:underline;
   font-weight:bold;
   padding: 0px;
   text-align:left; 
 }

.buttonAsLinkDark
{
   background-color:transparent;
   border:none;
   color:rgb(19,35,82);
   cursor:pointer;
   text-decoration:underline;
   font-weight:bold;
   padding: 0px;
   text-align:left; 
 }
 
 .buttonAsLinkItalic
 {
   background-color:transparent;
   border:none;
   color:blue;
   cursor:pointer;
   text-decoration:underline;
   font-weight:bold;
   font-style:italic;
   padding: 0px;
   text-align:left; 
 }
 
 .buttonAsLinkDarkItalic
{
   background-color:transparent;
   border:none;
   color:rgb(19,35,82);
   cursor:pointer;
   text-decoration:underline;
   font-weight:bold;
   padding: 0px;
   text-align:left; 
   font-style:italic;
 }
 
 .executeCommandButton
 {
    background-color:rgb(26,52,78);
    color:rgb(182,212,240);
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:3px;
    padding-top:3px;
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
    border-left: 1px solid rgb(106,100,156); 
    border-right: 1px solid rgb(21,10,107); 
    border-top-color: rgb(230,227,255); 
    border-bottom-color: rgb(9,1,69); 
 }
 
 .executeSubmitApplicationCommandButton
 {
    background-color:rgb(26,52,78);
    color:rgb(182,212,240);
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:3px;
    padding-top:3px;
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
    border-left: 1px solid rgb(106,100,156); 
    border-right: 1px solid rgb(21,10,107); 
    border-top-color: rgb(230,227,255); 
    border-bottom-color: rgb(9,1,69); 
 }
 
 .executeSubmitApplicationCommandButton:disabled
 {
    display:none;
    background-color:rgb(131,131,131);
    color:rgb(182,212,240);
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:3px;
    padding-top:3px;
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
    border-left: 1px solid rgb(106,100,156); 
    border-right: 1px solid rgb(21,10,107); 
    border-top-color: rgb(230,227,255); 
    border-bottom-color: rgb(9,1,69);
 }
 
 /* all labels in the table will inherit this for their text*/
.tableDescriptionText
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    font-style:italic;
    text-align:justify;
    padding:3px;
}

.tableDescriptionTextNotJustified
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    font-style:italic;
    padding:3px;
}

.tableLabelText
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    padding:3px;
}

.tableLabelTextItalic
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    font-style:italic;
    padding:3px;
}

.tableLabelTextBold
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:bold;
    font-size:small;
    padding:3px;
}

.tableLabelTextWithBorder
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    padding:3px;
    width: 100%; 
    border-width: 1px; 
    border-color: #666; 
    border-style: solid
}

.tableTdContentAlignTop
{
    vertical-align:baseline;
}
 
/* GENERAL STYLES - END */

/* ACCOUNT REQUEST PAGE STYLES - BEGIN */

.accountMaskContainer
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    vertical-align:middle;
    text-align:center;
}

.accountExplanationStyle
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    vertical-align:middle;
    text-align:justify;
    width:600px;
    
    margin-left:auto; 
    margin-right:auto;
}

.accountMaskTable
{
    /* to align a table in the middle of a page, we have to set the margins; otherwise, only the table content will be aligned */
    margin-left:auto; 
    margin-right:auto;
    
    text-align:left;
}

.arithmeticOperationStyle
{
    font-size:x-large;
}

.arithmeticOperationResultStyle
{
    background-image:url(img/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid rgb(209,199,172);
	color:rgb(0,0,0);
	padding:3px;
	margin-right:4px;
	margin-bottom:0px;
	margin-left:5px;
	font-family:tahoma, arial, sans-serif;
	font-size:x-large;
}

/* ACCOUNT REQUEST PAGE STYLES - END */

/* LOGIN PAGE STYLES - BEGIN */

.applicationTitle
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:bold;
    font-size:x-large;
    vertical-align:middle;
    text-align:center;
    padding:10px;
}

.applicationSubTitle
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    vertical-align:middle;
    text-align:center;
    padding-bottom:10px;
}

.loginMaskContainer
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    vertical-align:middle;
    text-align:center;
}

.loginMaskTable
{
    /* to align a table in the middle of a page, we have to set the margins; otherwise, only the table content will be aligned */
    margin-left:auto; 
    margin-right:auto;
    text-align:left;
}

.loginUpperMessage
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    font-style:italic;
    vertical-align:middle;
    text-align:center;
    padding:10px;
}

.loginBottomMessage
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    font-style:italic;
    vertical-align:middle;
    text-align:center;
    padding:10px;
}

.loginAccountRequest
{
    /* to align a table in the middle of a page, we have to set the margins; otherwise, only the table content will be aligned */
    margin-left:auto; 
    margin-right:auto;
    
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    font-style:italic;
    vertical-align:bottom;
    text-align:center;
    padding:10px;
}

.loginSmallFont
{
    font-size:x-small;
}

.loginButtonAsLinkSmall
{
   background-color:transparent;
   border:none;
   color:rgb(19,35,82);
   cursor:pointer;
   text-decoration:underline;
   font-weight:bold;
   font-size:x-small;
   padding: 0px;
   text-align:left; 
 }
 
.loginPageNewsStyle
{
    color:rgb(0,0,0);
    font-family:tahoma, arial, sans-serif;
    font-weight:normal;
    font-size:small;
    vertical-align:middle;
    text-align:justify;
    width:90%;
    
    margin-left:auto; 
    margin-right:auto;
}
/* LOGIN PAGE STYLES - END */

/* STYLES FOR PERSONAL DATA USER CONTROL - BEGIN */

/* textbox with gradient */
.txtGradientBackground 
{
	background-image:url(img/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid rgb(209,199,172);
	color:rgb(0,0,0);
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	margin-left:5px;
	font-family:tahoma, arial, sans-serif;
}

/* error message */
.lblErrorMessage
{
    color:rgb(150,10,11);
    font-style:italic;
    font-size:small;
}

/* privacy warning message */
.lblPrivacyWarningMessage
{
    color:rgb(150,10,11);
    font-style:italic;
    font-size:small;
    font-family: tahoma, arial, sans-serif;
}
/* STYLES FOR PERSONAL DATA USER CONTROL - END */

/* STYLES FOR SPECIALIZATION-TABLE - BEGIN */

.grid-view
{
   padding: 0;
   margin: 0;
   border: 1px solid #333;
   font-family: tahoma, arial, sans-serif;
   font-size: small;
}

.grid-view tr.header
{
   color: white;
   background-color: rgb(26,52,78); /*rgb(20,3,150);*/ /*#140396*/
   height: 25px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}

.grid-view tr.normal
{
   color: white;
   background-color: rgb(35,125,12); /*#FDC64E;*/
   height: 25px;
   vertical-align: middle;
   text-align: center;
}

.grid-view tr.alternate
{
   color: white;
   background-color: rgb(35,125,12); /*#D59200;*/
   height: 25px;
   vertical-align: middle;
   text-align: center;
}

.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
   background-color: rgb(5,103,65);
   color: rgb(219,227,132);
   font-weight: normal;
}

.grid-view td
{
    /*border:0px;*/ /* in order to cancel cells borders, td elements of the table must have a border set to 0px */
    padding:10px;
}

.grid-view th
{
    /*border:0px;*/ /* in order to cancel cells borders, td elements of the table must have a border set to 0px */
    padding:10px;
}

.columnDark
{
   color: white;
   background-color: rgb(26,52,78); /*rgb(20,3,150);*/
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}

 .grid-view_buttonAsLinkWhite
 {
/*
In order to use this in a grid in which an entire row changes color when hovered, we have to keep a border for the button,
otherwise the grid row will stop changing color when the internel part of the button is reached by the mouse pointer.
So, we define a dotted border of 1px width, with the same color of the background, that is almost invisible.
A hidden border (or a border-style:none) won't work.
*/
   background-color:transparent;
   border-color:rgb(26,52,78); /*rgb(20,3,150);*/ /*the colour of the background */
   border-width:1px;
   border-style:dotted;
   color:White;
   cursor:pointer;
   /*text-decoration:underline;*/
   font-weight:bold;
   padding: 0px;
   text-align:left; 
 }

/* tabbed browsing for specializations */
.initial
{
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    /*background: url("Img/SpecializationTabNotSelected.png") no-repeat right top;*/
    background: url("../App_Themes/DefaultTheme/img/SpecializationTabNotSelected.png") no-repeat right top;
    color:White;
    font-weight: bold;
}

.initial:hover
{
    color:rgb(186,199,247);
    /*background: url("Img/SpecializationTabNotSelected.png") no-repeat right top;*/
    background: url("../App_Themes/DefaultTheme/img/SpecializationTabNotSelected.png") no-repeat right top;
}
        
.clicked
{
    float: left;
    display: block;
    /*background: url("Img/SpecializationTabSelected.png") no-repeat right top;*/
    background: url("../App_Themes/DefaultTheme/img/SpecializationTabSelected.png") no-repeat right top;
    padding: 4px 18px 4px 18px;
    color: Black;
    font-weight: bold;
    color:rgb(219,227,132);
}
/* STYLES FOR SPECIALIZATION-TABLE - END */

/* STYLES FOR REPORTVIEWERS - BEGIN */
.reportViewerCtrl
{
    background-color:rgb(213,223,237);
}
/* STYLES FOR REPORTVIEWERS - END */

/* STYLES FOR APPLICATION SUBMISSION PAGES - BEGIN */
.fb9 
{
	/*border: 1px solid #3366FF;
	background-color:#B3C6FF;*/
	border: 1px solid rgb(9,1,69);
	background-color:rgb(121,150,186); 
}
.fb9:hover 
{
	/*border: 2px dotted #FF6633;
	color:#FF6600;
	font-weight:bold;*/
	border: 1px solid #3366FF;
	background-color:#B3C6FF;
}
/* STYLES FOR APPLICATION SUBMISSION PAGES - END */

/* STYLES FOR WIDTH PERCENTAGE */
.pfive
{
    width: 5%;
}
.pten
{
    width: 10%;
}
.ptwenty
{
    width: 20%;
}
.pthirty
{
    width: 30%;
}
.pfourty
{
    width: 40%;
}
.pfifty
{
    width: 50%;
}
.psixty
{
    width: 60%;
}
.pseventy
{
    width: 70%;
}
.peighty
{
    width: 80%;
}
.pninty
{
    width: 90%;
}
.pnintyfive
{
    width: 95%;
}
.ponehundred
{
    width: 100%;
}
/* STYLES FOR WIDTH PERCENTAGE - END */