/**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { color:#000; background:#FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#6c96b3 url(../images/bg.png) repeat-x; text-align:center; font-family:Arial; } #mainContanier { width:1024px; height:100%; position:relative; margin:auto; text-align:left; } #headerContanier { width:1024px; height:400px; position:relative; background:url(../images/headerBg1.jpg) repeat-x; } .index #headerContanier { height:545px; } #headerContanier2 { width:1024px; height:450px; position:relative; background:url(../images/headerBg1.jpg) repeat-x; } #logo { width:328px; height:123px; position:absolute; background:url(../images/logo.png) repeat-y top left; left: -57px; top: 38px; } #tranceMenu1 { width:160px; height:49px; padding:20px 0 0 72px; position:absolute; background:url(../images/tranceBg1.png) repeat-y top left; left: 508px; top: 72px; } #tranceMenu1In { width:171px; height:27px; position:absolute; left: 567px; top: 93px; z-index:96 } #tranceMenu1In a { color:#505050; text-decoration:none; font-size:13px; margin:7px; line-height:24px; } #tranceMenu1In a:hover { color:#f1b004; } #search { width:232px; height:69px; position:absolute; background:url(../images/search.png) repeat-y top left; left: 791px; top: 72px; } #envlp { width:51px; height:59px; position:absolute; background:url(../images/envlp.png) repeat-y top left; left: 280px; top: 84px; } #envlp, #search, #tranceMenu1, #logo, #replace2 span, #headerShadow, #Modul3L, #Modul3M, #Modul3R, #bottomShadow, subModulT, subModulM, subModulB { azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ) } #nav1Cont { border:1px solid #fff; height:48px; width:754px; background:url(../images/nav1Bg.png); position:absolute; top: 11px; left: 268px; } #nav2Cont { border:1px solid #fff; height:48px; width:1022px; background:url(../images/nav1Bg.png); position:absolute; top: 184px; } #headerMedia { width:1024px; height:217px; position:absolute; left: 1px; top: 233px; } #headerMedia2 { width:1024px; height:219px; position:absolute; left: 0px; top: 233px; background:url(../images/secondaryHeader.jpg) } #guiname { position:absolute; width: 471px; left: 532px; top: 100px; font-size:26px; color:#fff } #headerShadow { width:1100px; height:260px; position:absolute; left: -38px; top: 201px; } #content h1 { color:#5a5b5b; font-size:20px; padding:8px 0 0 0; } #font1 { color:#5a5b5b; font-size:26px; letter-spacing:-0.04em; padding:6px 0 6px 0; } #font2 { color:#5a5b5b;line-height:20px } #contentL { width:456px; float:left; } #cntLModul1 { width:456px; height:247px; padding:13px 0 0 0 } #Modul1L { width:29px; height:247px; float:left; background:url(../images/modul1LR.png) } #Modul1M { width:398px; height:247px; float:left; background:url(../images/modulBg.png); position:relative } #Modul1R { width:29px; height:247px; float:left; background:url(../images/modul1LR.png) -29px 0 } #contentR { width:538px; float:left; padding:0 0 0 30px; position:relative; } #contentL2 { width:347px; float:left; padding:20px 0 0 0; position:relative } #subModulT { width:347px; height:29px; background:url(../images/subModulT.png) repeat-y top left; } #subModulM { width:347px; height:1150px; background:url(../images/subModulM.png) repeat-y top left; } #subModulB { width:347px; height:27px; background:url(../images/subModulB.png) repeat-y top left; } #borderDiv { border-bottom:1px solid #cbcbcb; font-size:2px; height:2px; margin:0 20px 0 20px } #doctrs { height:180px } #contentR2 { width:627px; float:left; padding:0 10px 0 30px; } #contentR2 p { color:#000; font-size:1.2em } #contentR2 h1 { color:#1865B5; font-size:24px; padding:22pt 0px 0px 0pt; } #cntLModul12 { width:538px; height:247px; padding:13px 0 0 0 } #Modul2M { width:480px; height:247px; float:left; background:url(../images/modulBg.png); position:relative } .search { width:100px; height:16px; font-size:11px; padding:4px 0 0 4px; background:transparent; border:0 } #searchInput { width:100px; height:20px; position: absolute; left: 863px; top: 95px; z-index:96 } #inptButton { width:30px; height:20px; position:absolute; left: 975px; top: 95px; z-index:95 } #cntLModul3 { width:1024px; height:278px; padding:13px 0 0 0; position:relative } #Modul3L { width:10px; height:278px; float:left; background:url(../images/modul3L.png) repeat-y top left; } #Modul3M { width:1004px; height:278px; float:left; background:url(../images/modul3Bg.png) repeat-x top left; position:relative } #Modul3R { width:10px; height:278px; float:left; background:url(../images/modul3R.png) repeat-y top left; } #bottomShadow { width:1099px; height:218px; position:absolute; left: -39px; top: 2px; background:url(../images/bottomShadow.png) repeat-y top left; } #doctorsBox1 { width:85px; height:150px; position:absolute; top: 62px; text-align:center } #doctorsBox2 { width:85px; height:150px; position:absolute; left: 104px; top: 62px; text-align:center } #doctorsBox3 { width:85px; height:150px; position:absolute; left: 209px; top: 62px; text-align:center } #doctorsBox4 { width:85px; height:150px; position:absolute; left: 314px; top: 62px; text-align:center } #doctorsBox1-1 { width:62px; height:114px; position:absolute; top: 93px; text-align:center; left: 24px; } #doctorsBox2-2 { width:65px; height:116px; position:absolute; left:102px; top: 93px; text-align:center } #doctorsBox3-3 { width:65px; height:115px; position:absolute; left:179px; top: 93px; text-align:center } #doctorsBox4-4 { width:61px; height:116px; position:absolute; left:257px; top: 93px; text-align:center } #doctorsBox1 a, #doctorsBox2 a, #doctorsBox3 a, #doctorsBox4 a, #doctorsBox1-1 a, #doctorsBox2-2 a, #doctorsBox3-3 a, #doctorsBox4-4 a { color:#5a5b5b; font-size:11px; padding-top:8px; display: block; text-decoration:none; font-weight:bolder } #doctorsBox1 a:hover, #doctorsBox2 a:hover, #doctorsBox3 a:hover, #doctorsBox4 a:hover, #doctorsBox1-1 a:hover, #doctorsBox2-2 a:hover, #doctorsBox3-3 a:hover, #doctorsBox4-4 a:hover { color:#1d63b5; } #rSize { background:url(../images/rSize.png) no-repeat 0 32px; height:31px; width:200px; position:relative; padding:26px 0 0 0; } #rSizeBtn1 { position:absolute; width:32px; height:31px; left: 138px; } #rSizeBtn2 { position:absolute; width:32px; height:31px; left: 172px; } #learn { padding:12px 0 0 0 } #modBox1 { height:100px; background:url(../images/modBox1.jpg) no-repeat; padding:0 20px 0 90px; margin-left:20px; color:#5a5b5b; font-size:12px; } #modBox2 { height:100px; background:url(../images/modBox2.jpg) no-repeat; padding:0 20px 0 92px; margin-left:20px; color:#5a5b5b; font-size:12px; } #modBox3 { height:100px; background:url(../images/modBox3.jpg) no-repeat; padding:0 20px 0 90px; margin-left:20px; color:#5a5b5b; font-size:12px; } #modBox4 { height:99px; background:url(../images/modBox4.jpg) no-repeat; padding:0 20px 0 105px; margin-left:20px; color:#5a5b5b; font-size:12px; } #h1In { padding:10px 0 10px 20px } #content a{color:#5a5b5b;} #content a:hover{color:#313131;} #content h2{font-size:20px; color:#5a5b5b;} /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #replace1Cont { position: absolute; width:165px; height:38px; left: 85px; top: 145px; } #replace2Cont { position: absolute; width:280px; height:15px; left: 743px; top: 156px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:165px; height:38px; padding:0; overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:165px; height:38px; background:url(../images/replace1.png) repeat-y top left; } #replace2 { position:relative; width:280px; height:15px; padding:0; overflow:hidden; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:280px; height:15px; background:url(../images/replace2.png) no-repeat; } #replace3 { position:relative; width:85px; height:127px; padding:0; overflow:hidden; } #replace3 span, span.replace3 { position: absolute; top:0; left:0px; width:85px; height:127px; background:url(../images/doctors.jpg) no-repeat; } #replace4 { position:relative; width:85px; height:127px; padding:0; overflow:hidden; } #replace4 span, span.replace4 { position: absolute; top:0; left:0px; width:85px; height:127px; background:url(../images/doctors.jpg) no-repeat -85px 0 } #replace5 { position:relative; width:85px; height:127px; padding:0; overflow:hidden; } #replace5 span, span.replace5 { position: absolute; top:0; left:0px; width:85px; height:127px; background:url(../images/doctors.jpg) no-repeat 0 -127px; } #replace6 { position:relative; width:85px; height:127px; padding:0; overflow:hidden; } #replace6 span, span.replace6 { position: absolute; top:0; left:0px; width:85px; height:127px; background:url(../images/doctors.jpg) no-repeat -85px -127px; } #replace3-3 { position:relative; width:61px; height:90px; padding:0; overflow:hidden; } #replace3-3 span, span.replace3-3 { position: absolute; top:0; left:0px; width:61px; height:90px; background:url(../images/doctors2.jpg) no-repeat; } #replace4-4 { position:relative; width:61px; height:92px; padding:0; overflow:hidden; } #replace4-4 span, span.replace4-4 { position: absolute; top:0; left:0px; width:61px; height:92px; background:url(../images/doctors2.jpg) no-repeat -61px 2px } #replace5-5 { position:relative; width:61px; height:92px; padding:0; overflow:hidden; } #replace5-5 span, span.replace5-5 { position: absolute; top:0; left:0px; width:61px; height:92px; background:url(../images/doctors2.jpg) no-repeat 0 -90px; } #replace6-6 { position:relative; width:61px; height:92px; padding:0; overflow:hidden; } #replace6-6 span, span.replace6-6 { position: absolute; top:0; left:0px; width:61px; height:92px; background:url(../images/doctors2.jpg) no-repeat -61px -90px } /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ #menu1Cont { position: absolute; width:135px; height:40px; left: 341px; top: 94px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:135px; height:40px; overflow:hidden; } a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0px; } a#menu1:hover span, span.menu1_span_oo { background-position:0 -40px; cursor:pointer } a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:32px; height:31px; overflow:hidden; } a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/rSizeBtn.png) no-repeat 0 0px; } a#menu2:hover span, span.menu2_span_oo { background-position:0 -31px; cursor:pointer } a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:32px; height:31px; overflow:hidden; } a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/rSizeBtn.png) no-repeat -31px 0; } a#menu3:hover span, span.menu3_span_oo { background-position:-31px -31px; cursor:pointer } a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:127px; height:71px; overflow:hidden; } a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -80px; } a#menu4:hover span, span.menu4_span_oo { background-position:0 -151px; cursor:pointer } /**************************************************************************************************************************** * box Contaniers>> css ****************************************************************************************************************************/ #boxCont1, #boxCont2, #boxCont3, #boxCont4, #boxCont5, #boxCont6, #boxCont7, #boxCont8, #boxCont9, #boxCont10, #boxCont11, #boxCont12, #boxCont13, #boxCont14, #boxCont15 { color:#5a5b5b; font-size:13px } #boxCont3, #boxCont7, #boxCont10, #boxCont14 { width:127px; height:71px; left: 26px; top: 163px; } #boxCont1 { width:99px; height:38px; position: absolute; left: -10px; top: 13px; } #boxCont2 { width:235px; height:50px; position: absolute; left: -10px; top: 58px; } #boxCont3 { position: absolute; } #boxCont4 { width:166px; height:183px; position: absolute; left: 240px; top: 30px; background:url(../images/boxImg1.jpg) } #boxCont5 { width:270px; height:102px; position: absolute; left: -11px; top: 59px; } #boxCont6 { width:253px; height:40px; position: absolute; left: -12px; top: 12px; } #boxCont7 { position: absolute; } #boxCont8 { width:219px; height:186px; position: absolute; left: 268px; top: 30px; background:url(../images/boxImg2.jpg) } #boxCont9 { width:276px; height:141px; position: absolute; left: 13px; top: 34px; } #boxCont10 { position: absolute; left: 60px; top: 181px; } #boxCont11 { width:151px; height:100px; position: absolute; left: 301px; top: 32px; background:url(../images/boxImg3.jpg) } #boxCont12 { width:151px; height:96px; position: absolute; left: 300px; top: 140px; background:url(../images/boxImg3.jpg) 0 -100px } #boxCont13 { width:267px; height:146px; position: absolute; left: 489px; top: 26px; z-index:99 } #boxCont14 { position: absolute; left: 534px; top: 181px; } #boxCont15 { width:281px; height:250px; position: absolute; left: 720px; top: 11px; background:url(../images/boxImg4.jpg) } /**************************************************************************************************************************** * box >> css ****************************************************************************************************************************/ #footer { width:1100px; height:150px; text-align:center; background:url(../images/footerBg.jpg); margin:auto } #footerMenu { width:880px; height:85px; padding:5px 20px 0 20px; margin:auto; } #footerMenu img { margin-top:14px; margin-bottom:-2px } #footerMenu a { color:#275371; text-decoration:none; font-size:10px; margin:7px; line-height:24px; } #footerMenu a:hover { color:#e09e00; } #copyRight { width:754px; padding:0px; margin:auto; font-size:10px; color:#1e445c } #copyRight a {font-size:10px; color:#1e445c; text-decoration: none } #fontSizeCont{ position:absolute; left: 800px; top: 415px; } .font12{ font-size:0.75em} #recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000; } .close_form, .close_form_oo { margin:0; padding:0 1px; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; cursor:pointer; } .close_form { background-color:#F6F6F6; color:#CC0000; } .close_form_oo { background-color:#C90000; color:#FFF; } #recommendUsForm, #recommendUsForm * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } #recommendUsForm { clear:both; } recommendUsForm td { margin:2px 0; } #recommendUsForm .input_txt, #recommendUsForm .input_txtarea { border:1px solid #bbb; background-color:#F6F6F6; padding:2px; margin:1px 0; } #recommendUsForm .input_txt { width:145px; } #recommendUsForm .input_txtarea { width:300px; } #recommendUsForm a { color:#AE620D; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; } .submissionResultCell { clear:both; font-size:12px; display:none; margin:6px 0; padding:6px 5px; text-align:left; color:#800000; background-color:#FFF; } .gm_err_field, #recommendUsForm .gm_err_field { border:1px solid red; background-color:#FFFFAA; } div.ajax_activity { background:url(/form_handler/ajax_indicator.gif) 8px 10px no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#f00; padding:10px; } div#contentR2 blockquote,div#contentR2 ul,div#contentR2 ol,div#contentR2 dl {margin:1em;} div#contentR2 ol,div#contentR2 ul,div#contentR2 dl {margin-left:2em;} div#contentR2 ul li {list-style: disc outside;} div#contentR2 ol li {list-style: decimal outside;} div#contentR2 li {margin:0.5em 0; } div#contentR2 dl dd {margin-left:1em;} /**********************Text Link***********************/ .ir-link-wrapper { text-align:center; margin:15px auto 15px auto; } .ir-link-wrapper, .ir-link-wrapper a, a.ir-link, a.ir-link:link, a.ir-link:visited, a.ir-link:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333; } .ir-link-wrapper a:hover, a.ir-link:hover {color:#000; text-decoration:none;} .ir-info-wrapper {} .ir-info {} /**********************Text Link***********************/