/* 
    Document   : skolval2014_admin
    Created on : 2014-jan-23, 18:38:21
    Author     : Stefan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {
  font-size: 75%; /* This is for 12px "normal" text (body text) */
}

body {
   font-family: 'Open Sans';font-size: 12px;
   margin: 0;
}

a:link {                    /* for unvisited links */
    color: rgb(0, 0, 0)
}
a:visited {                 /* for visited links */
    color: rgb(0, 0, 0)
}
a:active {                  /* when link is clicked */
    color: rgb(0, 0, 0)
}
a:hover {                   /* when mouse is over link */
    color: rgb(0, 96, 255)
}

a.plain {

}

input[type=text] {
    border: 1px solid #000000;
    padding: 2px;
}

input[type=password] {
    border: 1px solid #000000;
    padding: 2px;
}

select {
    border: 1px solid #000000;
}

textarea {
    border: 1px solid #000000;
    padding: 2px;
    font-family: 'Open Sans';
    font-size: 12px;
}

textarea {
    resize: none;
}

/* Let fields that are readOnly be a little darker. */
.ReadOnlyField {
    background-color: #F0F0F0;
}

/* The textarea "otherPupilsInfo" */
#otherPupilsInfo {
    border: 1px solid #000000;
}


.contentFrame {
    min-height: 500px;
}

/* The label just below the meny */
.contentFrame h1 {
    margin-top: 0;
}

/* The label just below the meny on the Users page */
.contentFrameMinusButtonFrame h1 {
    margin-top: 0;
}

/* The page header will cover 100% of the window on screen, but only 717px when printing. */
@media screen {
    #cmsPageHeader {
        width: 100%;
    }
}
@media print {
    #cmsPageHeader {
        width: 717px;
    }
}

/* For error messages generated by struts actions and action forms */
.strutsErrorMsg {
    font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: red;
    padding: 10px 10px 10px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: black;
}
.strutsErrorMsg ul {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: square outside;
}
.strutsErrorMsg ul li {
    font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
    font-style: normal;
    margin: 0px 0px 0px 16px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: black;
    font-weight: normal;
}

#loginDiv {
    clear: both;
    background: #ffffff;
    padding: 20px;
    margin-left: 300px;
    margin-top:  70px;
    border: 2px solid #777;
    width: 300px;
}

#loginDiv .strutsErrorMsg {
    border: none;
    font-style: normal;
    font-size: 14px;
    font-weight:normal;
    font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
}

/* The Main label on the login page */
#loginDiv h2 {
    font-style: normal;
    font-weight: bolder;
    font-size: 16px;
    color: #777;
    font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
    padding-bottom: 20px;

}

/* -------------------------------------------------------------------------------------------*/
/* List based menu stuff. From the article at http://alistapart.com/articles/slidingdoors */
/* -------------------------------------------------------------------------------------------*/
#topMenuCSS {
        float: left;
        width: 100%;
        background: url("../img/menu_bg.gif") repeat-x bottom;   /* removed #DAE0D2 */
        font-size: 93%;
        line-height: normal;
        }
/* This is for holing the tabs together so that they don't 'fold' when the window shrinks. */
#topMenuCSSSolidFrame {
        float: left;
        width: 850px;       /** Expanded from 750px */
        margin: 0;
        padding: 0;
        }
#topMenuCSS ul {
        margin: 0;
        padding: 10px 10px 0;
        list-style: none;
        }
#topMenuCSS li {
        float: left;
        background: url("../img/menu_tab_left.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 9px;
        }
#topMenuCSS a {
        float: left;        /* For IE5Mac */
        display: block;
        background: url("../img/menu_tab_right.gif") no-repeat right top;
        padding: 5px 15px 4px 6px;
        text-decoration: none;
        font-weight: bold;
        color: #765;
        }

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#header a {float: none;}
  /* End IE5-Mac hack */

#topMenuCSS #inactive {
        float: left;        /* For IE5Mac */
        display: block;
        background: url("../img/menu_tab_right.gif") no-repeat right top;
        padding: 5px 15px 4px 6px;
        text-decoration: none;
        font-weight: bold;
        color: #AAAAAA;
        }

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#header #inactive {float: none;}
  /* End IE5-Mac hack */

#topMenuCSS a:hover {
        color: #333;
        }
#topMenuCSS #currentTopMenuTab {
        background-image: url("../img/menu_tab_left_on.gif");
        }
#topMenuCSS #currentTopMenuTab a {
        background-image: url("../img/menu_tab_right_on.gif");
        color: #333;
        padding-bottom: 5px;
        }

#topMenuCSS #currentTopMenuTab #inactive {
        background-image: url("../img/menu_tab_right_on.gif");
        color: #AAAAAA;
        padding-bottom: 5px;
        }

#noTopMenuCSS {
        width: 100%;
        padding-top: 20px;
        margin-bottom: 5px;
        background: url("../img/menu_bg.gif") repeat-x bottom;   /* removed #DAE0D2 */
        font-size: 93%;
        line-height: normal;
        }


 /* For the Users jsp-pages */

/* Master div around the content.  Only used in the old admin page. */
.contentFrame {
    clear: both;
    border: none;
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 17px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background: white;
    min-height: 600px;
}
/* contentFrameMinusButtonFrame plus bottomButtonFrame
   has the same min height as a contentFrame alone.. */
.contentFrameMinusButtonFrame {
    width: 1000px;
    clear: both;
    border: none;
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 17px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background: white;
    min-height: 565px;
}
.bottomButtonFrame {
    width: 1000px;
    border: none;
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 25px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 0px;
    background: white;
}

/* Left td in the form table. Only used in the old admin page */
td.left_area {padding-right: 5px; padding-left: 5px; font-weight:bold; white-space: nowrap; width: 140px; height: 27px}
/* Right td in the form table */
td.main_area {padding-right: 10px; padding-left: 10px; width: 400px; height: 27px}
textarea.main_area {background-color:#F0F0F0}  /* Same background color as td.main_area */
/* TD's in the outer table (that with 3 td's) Only used in the user admin part. */
td.main_table {padding-right: 0px; padding-left: 0px; }

/* Stuff for the tables on the list pages (schools and contact persons) */

table.listTable { border: thin solid; border-color: #CCCCCC; }

td.listSortCol { white-space: nowrap; font-family: verdana, geneva, sans-serif; font-size: 1em; height: 18px; color: #000000; background-color: #8BC6E6; padding-left: 5px; padding-right: 5px; }
th.listSortCol { white-space: nowrap; font-family: verdana, geneva, sans-serif; font-size: 1em; height: 18px; color: #000000; background-color: #8BC6E6; padding-left: 5px; padding-right: 5px; }
a.listSortCol { text-decoration: none; }
a.listSortCol:link { color: rgb(0, 0, 0) }  		/* for unvisited links */
a.listSortCol:visited { color: rgb(0, 0, 0) } 		/* for visited links */
a.listSortCol:active { color: rgb(0, 0, 0) } 		/* when link is clicked */
a.listSortCol:hover { color: rgb(0, 0, 0); text-decoration: underline; } /* when mouse is over link */


td.listRow { font-family: verdana, geneva, sans-serif; font-size: 1em; height: 22px; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
th.listRow { font-family: verdana, geneva, sans-serif; font-size: 1em; height: 22px; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
a.listRow { text-decoration: none; }
a.listRow:link { color: rgb(0, 0, 0) }  			/* for unvisited links */
a.listRow:visited { color: rgb(0, 0, 0) } 			/* for visited links */
a.listRow:active { color: rgb(0, 0, 96) } 			/* when link is clicked */
a.listRow:hover { color: rgb(0, 0, 96); text-decoration: underline; } 	/* when mouse is over link */

/* Same as listRow but for "function links". Shows underline at all times. */
a.listRowFuncLink { text-decoration: underline; white-space: nowrap; }
a.listRowFuncLink:link { color: rgb(0, 0, 0) }  			/* for unvisited links */
a.listRowFuncLink:visited { color: rgb(0, 0, 0) } 			/* for visited links */
a.listRowFuncLink:active { color: rgb(0, 0, 96) } 			/* when link is clicked */
a.listRowFuncLink:hover { color: rgb(0, 0, 96)}                         /* when mouse is over link */

/* Same as listRow but with nowrap added. */
td.listRowNoWrap {
    white-space: nowrap;
    font-family: verdana, geneva, sans-serif;
    font-size: 1em;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Printer-paper effect */
.listTable tr:nth-child(even) {
    background-color: #F0F0F0;
}
.listTable tr:nth-child(odd) {
    background-color: #E0E0E0;
}
/* For browsers that does not understand nth-child() */
.listTable tr {
    background-color: #F0F0F0;
}

/* Used for marking the last opened row in the all apps list with a different color. */
#lastSelectedTableRow td {
    background-color: #cef;
}

/* Table in the Edit ContactPerson view. */

.contactPersonEditTable {
    height: 26px;
}

.contactPersonEditTable tr {
    height: 26px;
}

.contactPersonEditTable tr th {
    background-color: #E0E0E0;
    text-align: left;
    font-weight: normal;
    padding-right: 5px;
    padding-left: 5px;
}

.contactPersonEditTable tr td {
    background-color: #F0F0F0;
    width: 270px;
    padding-left: 5px;
}

#ApproveSchoolAfterChangeDiv {
    width: 340px;
    /* margin-top: 25px; */
    margin-bottom: 25px;
    border: 2px solid blue;
    min-height: 100px; 
    padding-left: 10px;
    padding-right: 10px;
}

#ApproveSchoolDiv {
    width: 340px;
    /* margin-top: 25px; */
    margin-bottom: 25px;
    border: 2px solid green;
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

#ApproveElectionResultDiv {
    width: 340px;
    /* margin-top: 25px; */
    margin-bottom: 25px;
    border: 2px solid green;
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

#ApproveContactDiv {
    width: 340px;
    margin-bottom: 15px;
    border: 2px solid blue; 
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

#SchoolElectionResultCrossLinkDiv {
    width: 340px;
    margin-bottom: 15px;
    border: 2px solid gray;
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.SchoolAddressField {
     width: 300px;
}

.SchoolZipField {
    width: 60px;
}

.SchoolTownField {
    width: 194px;
}

.SchoolTable {
    border: none;
    border-collapse: collapse;
}

.SchoolTable tr {
    padding-top: 5px;
    padding-bottom: 5px;
}


.SchoolTable tr th {
    text-align: left;
    font-weight: normal;
    background-color: #E0E0E0;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.SchoolTable tr td {
    background-color: #F0F0F0;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ContactPersonTable {
    border: none;
    border-collapse: collapse;
}

.ContactPersonTable tr {
    height: 30px;
}

.ContactPersonTable tr th {
    text-align: left;
    font-weight: normal;
    background-color: #E0E0E0;
    padding-right: 5px;
    padding-left: 5px;
}

.ContactPersonTable tr td {
    background-color: #F0F0F0;
    padding-right: 5px;
    padding-left: 5px;
}

.ContactPersonTextField {
    width: 300px;
}


/* Internal notes stuff */

#iNoteList {
    border: 2px solid gray;
    width: 360px;
    min-height: 200px;
}

#iNoteListHead {
    background-color: #777;
}

#iNoteListHeadLeft {
    float: left;
    padding-left: 5px;
    padding-top: 7px;
    font-weight: bold;
    color: white;
}

#iNoteListHeadRight {
    float: right;
    padding: 4px;
}

.iNoteWrapper {
    border: thin solid gray;
    margin: -1px;
}

.iNoteHeadWrapper {
    font-size: 9px;
    background-color: #E0E0E0;
    padding-bottom: 4px;
}

.iNoteAdminName {
    float: left;
    padding: 5px;
    padding-bottom: 0;
}

.iNoteAdminDate {
    float: right;
    padding: 5px;
    padding-bottom: 0;
}

.iNoteComment {
    padding: 5px;
    padding-bottom: 0;
}

.iNoteDelete {
    text-align: right;
    padding-bottom: 2px;
    padding-right: 4px;
}

.iNoteDelete a {
    color: rgb(0, 0, 96);
    text-decoration: none;
}

.iNoteDelete a:link {
    color: rgb(0, 0, 96);
}

.iNoteDelete a:visited {
    color: rgb(0, 0, 96);
}

.iNoteDelete a:active {
    color: rgb(0, 0, 96);
}

.iNoteDelete a:hover {
    color: rgb(0, 0, 96);
    text-decoration: underline;
}



#reportCheckTable {

}

#reportCheckTable tr {

}

#reportCheckTable th {
    vertical-align: top;
    padding-bottom: 5px;
}

#reportCheckTable td {
    vertical-align: top;
    padding-bottom: 5px;
}

#rostsammanstallningTable {

}

#rostsammanstallningTable th {
    border: none;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    width: 280px;
}

#rostsammanstallningTable td {

}

#partier1Table {

}

#partier1Table th {
    border: none;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    width: 280px;
}

@media screen {
    #partier2ScrollingDiv {
        height: 343px;
        width: 365px;
        overflow-y: scroll;
        border: thin solid black;
    }
}

@media print {
    #partier2ScrollingDiv {
    }
}

#partier2Table {
    margin-left: -1px;  /* compensate for the scrolling div */
}

#partier2Table th {
    border: none;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    width: 280px;
}

#partier3Table {

}

#partier3Table th {
    border: none;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    width: 280px;
}