/*   load the main media CSS file    */

@import url('../../../common/styles/media.css');

html, body {
	margin:0;
	height:100%;
}
#flashContent {
	width:98%;
	height:98%;
	/*border:1px solid #F00;*/
}

#mainDiv { position:absolute; top:0px; width:780px; height:400px;/*border:1px solid red;*/}
/*#mainDiv div { border:1px solid red;}*/

#main_div { width:100%;}
#content { width:37%; margin:0 auto;}
body { font-family:Arial, Helvetica, sans-serif; font-size:11px}
#title b { text-align:left; font-size:14px; font-weight:bold;}
#sub_title {padding-bottom: 25px;
    padding-left: 24px;
    padding-top: 11px;
	padding-right:52px;
    text-align: left; padding-right:0px !important;vertical-align: top;}
#val1,#val2,#val3,#val4,#val5,#val6,#val7,#val8 { text-align:center; border: 1px solid #E9E7E8;}
.shifter { margin-top:88px;}

.bg_none { background-color:transparent;}
#title_bg { background-image:url(black_bg.png); background-repeat:repeat-x; text-align:center;border-radius: 5px 5px 0 0; margin-left: -2px;}
#show { color:#FFF; font-weight:bold;}
#val1,#val2,#val3,#val4,#val5,#val6,#val7,#val8 { text-align:center;background-color:#d3d1d2; font-weight:bold;border:none;}
.input_bg { background-color:#d3d1d2; padding:6px; text-align:center;}
.position_bg { background-color:#d3d1d2; padding:6px; text-align:center; font-size:11px;}
.exponent_bg { background-color:#e9e7e8; padding:6px; text-align:center; font-size:11px;}
#check, #reset, #new_nub,#numb {cursor:pointer;background-image:url(button_bg.jpg); background-repeat:repeat-x; text-align:center; font-size:11px; /*font-weight:bold;*/ color:#FFF; border-radius:4px; height: 27px;width: 108px; border:none; padding-bottom: 5px; font-weight:bold;}
#title_bg { background-image:url(black_bg.png); background-repeat:repeat; text-align:center;border-radius: 5px 5px 0 0;}
#title_bg #show {background-color: #66C0E5;border: 1px solid #FFFFFF;height: 20px;text-align: right;width: 68px; text-align:center; color:#000;}
#new_nub { margin-bottom:2px; margin-top:2px;}
.arrow { text-align:center;}
.align_right { text-align:right; padding-right:5px;}
.align_center {/*text-align:center;*/}
.top_gap { /*padding-bottom:42px;*/}
.shift_right { padding-right:10px;}

/* Starts Css for popup*/
#pannel { background-color: #C1ABD1;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 6px #3f3f3f;
    float: left;
    left: 305px;
    position: absolute;
    top: 316px;
    width: 381px;}
	
	
#pannel_2 { background-color: #C1ABD1;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 6px #3f3f3f;
    float: left;
    left: 305px;
    position: absolute;
    top: 316px;
    width: 381px;}
.cross {width: 96%;
border-bottom: 3px solid #3d244c;
float: left;
margin-left: 2%;
}
.cross a {border: 1px solid #3D244C;
    float: right;
    height: 12px;
    margin-bottom: 1px;
    margin-right: 4px;
    margin-top: 4px;
    width: 12px;}
.cross img {
    float: right;
    margin-right: 1px;
    margin-top: 1px;
}
.cross span { color:#3D244C;}
.result {background-color: #FFF; width: 96%; float: left; margin: 2%;}
.result p { margin:0px; padding:2px; margin-bottom:7px;}




.cross_2 {width: 96%;
border-bottom: 3px solid #3d244c;
float: left;
margin-left: 2%;
}
.cross_2 a {border: 1px solid #3D244C;
    float: right;
    height: 12px;
    margin-bottom: 1px;
    margin-right: 4px;
    margin-top: 4px;
    width: 12px;}
.cross_2 img {
    float: right;
    margin-right: 1px;
    margin-top: 1px;
}
.cross_2 span { color:#3D244C;}
.result_2 {background-color: #FFF; width: 96%; float: left; margin: 2%;}
.result_2 p { margin:0px; padding:2px; margin-bottom:7px;}





#pannel a { display:block !important}
#pannel_2 a { display:block !important}
#enter { padding-bottom:10px; text-align:center;}
.ans_text { text-align:center; font-size:11px;}
#title b {margin-left:24px;}
/*#sub_title {margin-left:52px;}*/
/*End Css for popup*/

#reset {
   /* margin-left: -12px;*/
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #pannel { background-color: #C1ABD1;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 6px #3f3f3f;
    float: left;
    left: 332px;
    position: absolute;
    top: 316px;
    width: 358px;}
	
	
#pannel_2 { background-color: #C1ABD1;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 6px #3f3f3f;
    float: left;
    left: 332px;
    position: absolute;
    top: 316px;
    width: 358px;}
}