/*
    Document   : sample
    Created on : 15/04/2011, 2:05:38 PM
    Author     : Simon
    Description:
        Purpose of the stylesheet follows.
*/

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

body{
text-align: center;}

                 #sample {

                   background-color: #ffffff;
                   color: #000000;
                   margin: 20px 0px 5px 200px;
                   /*padding: 2px 6px 2px 6px;*/
                   width: 770px;
                   height: 480px;
                  }

                  #sample-critical {

                   background-color: #ffffff;
                   color: #000000;
                   margin: 20px 0px 5px 200px;
                   /*padding: 2px 6px 2px 6px;*/
                   width: 770px;
                   height: 630px;
                  }

                  #sample-critical-info {

                   background-color: #ffffff;
                   color: #000000;
                   margin: 20px 0px 5px 200px;
                   /*padding: 2px 6px 2px 6px;*/
                   width: 770px;
                   height: 550px;
                  }

                  #login {

                   background-color: #ffffff;
                   color: #000000;
                   margin: 50px 0px 0px 125px;
                   /*padding: 2px 6px 2px 6px;*/
                   width: 750px;
                   height: 440px;
                  }

		#siteContainer{
			width: 1000px;
			height: 550px;
			background-color: #cce089;
			position: absolute;
			margin-left: 30px;
			text-align: justify;

		}

		#siteContainer-critical{
			width: 1000px;
			height: 700px;
			background-color: #cce089;
			position: absolute;
			margin-left: 30px;
			text-align: justify;
		}

		#siteContainer-critical-info{
			width: 1000px;
			height: 620px;
			background-color: #cce089;
			position: absolute;
			margin-left: 30px;
			text-align: justify;
		}

		#superContainer{
			width: 1250px;
			height: 550px;
			position: relative;
			margin:0 auto;
			text-align:left;

		}

		#superContainer-critical{
			width: 1250px;
			height: 700px;
			position: relative;
			margin:0 auto;
			text-align: justify;

		}

		#superContainer-critical-info{
			width: 1250px;
			height: 620px;
			position: relative;
			margin:0 auto;
			text-align: justify;

		}
		#bubble {

			position: absolute;
			margin: 10px 0px 0px 40px;
			font-family: Arial;
                        text-align: center;
			line-height: 30px;
                        width: 400px;
		  }

                  #questionNo {
			width: 200px;
            height: 40px;
			position: absolute;

			margin: 20px 0px 0px 285px;
			font-family: Arial;
			font-size: 20px;
			text-align: center;
			line-height: 40px;
		  }

                   #questionDiv {
			width: 500px;
                        height: 40px;
			position: absolute;
			margin: 50px 0px 0px 145px;
			font-family: Arial;
			font-size: 16px;
			/*text-align: center;*/
			line-height: 30px;

		  }

                  #buttons {
                    position: relative;
                   background-color: #cce089;
                   color: #000000;
                   margin: 0px 0px 20px 200px;

                   width: 770px;
                   height: 40px;

                  }

                  #button-right {
		   vertical-align: middle;
		   text-align: center;
		   background-color: #5a5a5a;
		   position: absolute;
                   font-family: Arial;
                   color: #ffffff;
                   margin: 0px 0px 0px 690px;

                   width: 80px;
                   height: 40px;
                           line-height: 40px;
                           cursor: pointer;
                  }

                  #button-right-login {
		   vertical-align: middle;
		   text-align: center;
		   background-color: #5a5a5a;
		   position: absolute;
                   font-family: Arial;
                   color: #ffffff;
                   margin: 10px 0px 0px 595px;

                   width: 80px;
                   height: 40px;
                           line-height: 40px;
                           cursor: pointer;
                  }



                #button-right-starttest {
		  vertical-align: middle;
		   text-align: center;
		  background-color: #5a5a5a;
			position: absolute;
           font-family: Arial;
           color: #ffffff;
           margin: 0px 0px 0px 610px;

           width: 160px;
           height: 40px;
		   line-height: 40px;
                   cursor: pointer;
          }

		  #button-middle {
		  vertical-align: middle;
		   text-align: center;
		  background-color: #5a5a5a;
			position: absolute;
           font-family: Arial;
           color: #ffffff;
           margin: 0px 0px 0px 345px;

           width: 80px;
           height: 40px;
		   line-height: 40px;
                   cursor: pointer;
          }

     #bubble.triangle-obtuse {
	position:relative;
	padding:8px;
	margin:1em 5em 3em 5em;
	color:#fff;
/*	background:#c81e2b;*/

	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#f04349), to(#c81e2b));
	background:-moz-linear-gradient(top, #f04349, #c81e2b);
	background:-o-linear-gradient(top, #f04349, #c81e2b);
}


/* Variant : for top positioned triangle
------------------------------------------ */

#bubble.triangle-obtuse.topred {
        background:#c81e2b;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#c81e2b), to(#f04349));
	background:-moz-linear-gradient(top, #c81e2b, #f04349);
	background:-o-linear-gradient(top, #c81e2b, #f04349);
}

#bubble.topred {
        background:#c81e2b;

}

#bubble.triangle-obtuse.topgreen {
        background:#5a8f00;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#5a8f00), to(#5a8f00));
	background:-moz-linear-gradient(top, #5a8f00, #5a8f00);
	background:-o-linear-gradient(top, #5a8f00, #5a8f00);
}

#bubble.topgreen {
        background:#5a8f00;

}

.pageULContent{

           background-color: #ffffff;
           font-weight: normal;
           color: #000000;

           text-align: justify;


          }

.pageULContent ul {

    list-style-type: disc;
    list-style-image: none;
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 15px;
    margin-left:0px;

}

.pageULContent li{
/*           font-size: 14px;
           background-color: #ffffff;
           font-weight: normal;*/
           color: #CCE089;

/*           padding: 0px 5px 0px 0px;*/


           font-family: Arial;
          }
          .liSpan {
              font-size: 13px;
           background-color: #ffffff;
           font-weight: normal;
           color: #000000;

/*           padding: 0px 5px 0px 0px;*/


           font-family: Arial;
            }

            #navigation {
 width: 200px;
}
#navigation ul {

list-style-type: disc;
list-style-image: none;

}
#navigation li {
 border-bottom: 1px solid #ED9F9F;
}