removed test black background from default theme
[atutor.git] / docs / themes / default / styles.css
index b8fd4b2..8f09fc9 100644 (file)
 html,body{
-    height:100%;
+       height:100%;
 }
 .site-name{
-    font-size:small;
-    font-weight:bold;
-    padding-left:1em;
-    color:grey;
-    white-space:nowrap;
-    margin-left:auto;
-    float:left;
-
-
+       font-size:small;
+       font-weight:bold;
+       padding-left:1em;
+       color:gray;
+       white-space:nowrap;
+       margin-left:.8em;
+       float:left;
 }
-/* main body attributes */
+/* main body attributes STARTED HERE */
 body {
-    font-family: Verdana, Helevetica, Arial, sans-serif;
-    margin:0px;
-    margin-top: -10px;
-    font-size: .8em;
-    background-color: #eeeeee;
-        background-image:url('images/texture_bg.png');
+       font-family: Verdana, Helevetica, Arial, sans-serif;
+       font-size:.8em;
+       margin:0px;
+       background-color: #F2F9FA;
+       
 }
 .page_wrapper{
-    border:1px solid #cccccc;
-    width:97%;
-    margin-left:auto;
-        margin-right:auto;
-    margin-top:1em;
-    background-color: #ffffff;
-    border-radius: 1em 1em 1em 1em;
-    -moz-border-radius: 1em 1em 1em 1em;
-    -moz-box-shadow:.2em .2em  #999999;
-    box-shadow: .2em .2em  #999999;
+/*     border:1px solid #aaaaaa;*/
+       width:100%;
+       margin-left:auto;
+       margin-right:auto;
+       background-color: #ffffff;
+       border-radius: 1em 1em 1em 1em;
+       -moz-border-radius: 1em 1em 1em 1em;
+/*     -moz-box-shadow:.1em .1em  #999999;
+       box-shadow: .1em .1em  #999999;*/
+/*     background-image: url('images/atutor_head.jpg');*/
+       background-position: 0% 0%;
+       background-repeat: repeat-x;
+    background-size:auto auto;
 
 }
 p {
-    margin: 0.5em 0em 1em 0em;
-    text-align: justify;
-    line-height: 150%;
-    font-size: 1em;
+       margin: 0.5em 0em 1em 0em;
+       text-align: justify;
+       line-height: 150%;
+/*     font-size: 1em;*/
 }
 
 p a {
-    text-decoration: underline;
+       text-decoration: underline;
 }
 
 p a:visited {
-    color: #3F2670;
-    background-color: transparent;
+       color: #3F2670;
+       background-color: transparent;
 }
 
 p a:active {
-    color: #A50707;
-    background-color: transparent;
+       color: #A50707;
+       background-color: transparent;
 }
 
 h1, h2, h3, h4, h5, h6 {
-    color: #545454;
-    clear: right;
-    font: 100% Verdana, Helvetica, Arial, sans-serif;
-    font-weight: bold;
-    margin: 0;
-    padding-top: 0.5em;
+       color: #545454;
+       font: 100% Verdana, Helvetica, Arial, sans-serif;
+       font-weight: bold;
+       margin: 0;
+       padding-top: 0.5em;
 }
 
 h1 {
-    font-size: 160%;
-
+       font-size: 160%;
 }
 
 h2 {
-    font-size: 150%;
+       font-size: 150%;
 }
 h2.sidebox{
-    font-size: 110%;
+       font-size: 110%;
+}
+h2.box{
+       font-size: 110%;
 }
 h3 {
-    font-size: 130%;
+       font-size: 130%;
 }
 
 h4 {
-    font-size: 120%;
+       font-size: 120%;
 }
 
 
 h5 {
-    font-size: 100%;
+       font-size: 100%;
 }
 
 
 
 /*  Table of content attributes*/
 p.toc{
-    font-family: Verdana, Helevetica, Arial, sans-serif;
-    background-color: #E9F4F3;
-    padding: .6em;
-    margin-bottom: .6em;
-    margin-top: 0em;
-    margin-left: 1em;
-    margin-right: 3em;
-    border: 1px #ACCFCC solid;
+       font-family: Verdana, Helevetica, Arial, sans-serif;
+       background-color: #E9F4F3;
+       padding: .6em;
+       margin-bottom: .6em;
+       margin-top: 0em;
+       margin-left: 1em;
+       margin-right: 3em;
+       border: 1px #ACCFCC solid;
 } 
 
 /* list attributes */
 ul {
-    font-family: Verdana, Helevetica, Arial, sans-serif;
-    margin-bottom: 0px;
-    margin-top: 0px;
-    margin-right: 0px;
+       font-family: Verdana, Helevetica, Arial, sans-serif;
+       margin-bottom: 0px;
+       margin-top: 0px;
+       margin-right: 0px;
 }
 
 li {
-    font-family: Verdana, Helevetica, Arial, sans-serif;
-    margin-bottom: 0px;
-    margin-top: 0px;
-    margin-right: 0px;
+       font-family: Verdana, Helevetica, Arial, sans-serif;
+       margin-bottom: 0px;
+       margin-top: 0px;
+       margin-right: 0px;
 }
 
 li.folders {
-    list-style: disc url(../../images/folder.gif) outside;
-    font-family: Verdana, Helevetica, Arial, sans-serif;
-    margin-bottom: 0px;
-    margin-top: 0px;
-    margin-right: 0px;
+       list-style: disc url(../../images/folder.gif) outside;
+       font-family: Verdana, Helevetica, Arial, sans-serif;
+       margin-bottom: 0px;
+       margin-top: 0px;
+       margin-right: 0px;
 }
 
 li.folders .disabled {
-    color: #B8AE9C;
+       color: #B8AE9C;
 }
 
 ul.folder{
 
-    list-style-image:none;
-    list-style-position:outside;
-    list-style-type:none;
-    margin:0em;
-    padding:0em;
+       list-style-image:none;
+       list-style-position:outside;
+       list-style-type:none;
+       margin:0em;
+       padding:0em;
 
 }
 
 /* link attributes */
 a:link, a:visited  {
-    color: #1A4A72;
+       color: #1A4A72;
 }
 a:hover {
-    color: #932318;
-    color:#ffffff;
+       color: #932318;
+       color:#ffffff;
 }
 a:active {
-    color: #932318;
+       color: #932318;
 }
 /* align text to the left */
 .left {
-    text-align: left;
+       text-align: left;
 }
 
 a.dropdown-title {
-    color: white;
-    font-weight: normal;
-    text-decoration: none;
+       color: white;
+       font-weight: normal;
+       text-decoration: none;
 }
 
 
 /* table border */
 .tableborder {
-    border: 1px #595241 solid;
+       border: 1px #595241 solid;
 }
 
 /* main submit button */
 .button {
-    background-color: #efefef;
-    font-weight: normal;
-    border:  #AAA  solid 1px;
-    border-radius:.3em;
-    -moz-border-radius: .3em .3em .3em .3em;
-    -moz-box-shadow:.2em .2em .3em #999999;
-    box-shadow: .2em .2em .3em #999999;
+       background-color: #efefef;
+       font-weight: normal;
+       border:  #AAA  solid 1px;
+       border-radius: .3em .3em .3em .3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
+/*     font-size:100%;*/
 
 }
 .button:focus {
 
-    border:1px solid #A50707;
+        border:1px solid #cccccc;
 
 }
 .button:active {
@@ -188,31 +190,31 @@ a.dropdown-title {
 }
 /* small submit button at top */
 .button2 {
-    font-family: Verdana, Helevetica, Arial, sans-serif;
-    background-color: #E9F4F3;
+       font-family: Verdana, Helevetica, Arial, sans-serif;
+       background-color: #E9F4F3;
 
 }
 .button2:focus {
-    background-color: #E9F4F3;
-    border:  #ACCFCC  solid 1px;
+       background-color: #E9F4F3;
+       border:  #ACCFCC  solid 1px;
 }
 
 /* date attributes */
 small.date {
-    font-family: Verdana, Helevetica, Arial, sans-serif;
-    color: #595241;    
-    margin-bottom: 0px; 
-    margin-top: 0px;
-    margin-left: 5px;
-    margin-right: 0px;
-    font-size:1em;
+       font-family: Verdana, Helevetica, Arial, sans-serif;
+       color: #595241; 
+       margin-bottom: 0px; 
+       margin-top: 0px;
+       margin-left: 5px;
+       margin-right: 0px;
+       font-size:1em;
 }
 
 /* page breakline */
 hr {
-    color: #ACCFCC;
-    background-color: white;
-    height: 1px;
+       color: #ACCFCC;
+       background-color: white;
+       height: 1px;
 }
 
 /* message box styles */
@@ -261,7 +263,6 @@ a .highlight{
 /* edit content tabs */
 .buttontab {
        color:#555;
-       font-size:10pt;
        white-space: nowrap;
        background-color: #FFFFFF;
        margin: 0px;
@@ -279,9 +280,9 @@ a .highlight{
        border-bottom:0;
        text-align: center;
        white-space: nowrap;
-width:13%;
-padding:0;
-margin:0;
+       width:13%;
+       padding:0;
+       margin:0;
 }
 
 .buttontab selected {
@@ -296,7 +297,7 @@ margin:0;
        padding:0em 1em 0em;
        white-space: nowrap;
        text-decoration:underline;
-width:12%;
+       width:12%;
 }
 td.selected{
        width:13%;
@@ -502,9 +503,10 @@ a#back-to {
 div#breadcrumbs {
     /* The path bar, including breadcrumbs and add to favorites */
        clear:both;
-    font-size: 0.85em;
+       font-size: 0.85em;
        padding:3px;
        float:left;
+       width:85%;
 }
 h2.page-title {
        clear:right;
@@ -554,7 +556,7 @@ div#toctoggle {
 h1#section-title {
        float: left;
        margin-left:1em;
-margin-top:-.8em;
+       margin-top:-.5em;
        
 }
 
@@ -564,15 +566,16 @@ div#bypass-links{
 
 div#top-links {
        float:right;
-       clear:right;
-       height:1.7em;
+       clear:both;
        padding-right: 5px;
        margin-right:20px;
        margin-top:0em;
 }
 div#top-links a:link, div#top-links a:visited {
        text-decoration:none;
-       margin-left:10px;
+       margin-left:.5em;
+       margin-right:.5em;
+       
 }
 div#top-links a:focus{
        color:black;
@@ -581,29 +584,30 @@ div#top-links a:focus{
 #top-links-text{
        float:right;
        clear:right;
-       margin-left: .5em;
-       margin-top:.2em;
+       margin-left: 2em;
+       margin-top:-1em;
        white-space:nowrap;
-       background-color:#eeeeee;
+       background-color:#F2F7F7;
        border:thin solid #cccccc;
        border-radius: .3em .3em .3em .3em;
-       -mox-border-radius: ..3em .3em .3em .3em;
-       -moz-box-shadow:.2em .2em .2em #999999;
-        box-shadow: .2em .2em  .2em #999999;
+       -mox-border-radius: .3em .3em .3em .3em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
 }
 #top-links-jump{
        float:left;
        white-space:nowrap;
-       margin-top:.2em;
-       background-color:#eeeeee;
+       margin-top:-1em;
+       background-color:#F2F7F7;
        padding-right:.5em;
 }
 
 #jumpmenu{
-       background-color:#eeeeee;
+       background-color:#F2F7F7;
        border:thin solid #cccccc;
        border-radius:.3em .3em .3em .3em;
        -moz-border-radius:.3em .3em .3em .3em; 
+/*     font-size:100%;*/
 }
 a#editor-link {
        background-color: #F7F3ED;
@@ -636,9 +640,8 @@ a#editor-link.on {
 /* for data tables */
 
 table.data {
-       clear:right;
        border: 1px solid #cccccc;
-       width: 95%; 
+       width: 98%; 
        margin-left: auto; 
        margin-right: auto;
        border-radius:.5em;
@@ -771,11 +774,16 @@ div#error h4 {
        margin-left: 0px;
 }
 
+div#error a{
+       color:red;
+       text-decoration:underline;
+}
 div#error ul, div#feedback ul, div#help ul {
        position: relative;
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
+       list-style-type:none;
 }
 
 div#error ul li{
@@ -825,7 +833,10 @@ div#info {
        border-radius: .5em;
        -moz-border-radius: .5em;
 }
-
+div#info a{
+       color:red;
+       text-decoration:underline;
+}
 div#warning {
        width: 50%;
        margin-left: auto;
@@ -910,14 +921,9 @@ div.dropdown-heading {
        padding: 2px;
 }
 
-div.required {
+.required {
        font-weight: bold;
        color: red;
-       font-size: large;
-       float: left;
-       position: relative;
-       margin-top: -5px;
-       height: 15px;
        padding-right: 2px;
 }
 
@@ -970,11 +976,13 @@ div.paging li a:hover, div.paging li a.current {
 }
 
 #header{
-       background-image: url('images/pencils_up_top.jpg');
-       background-position: 99% 98%;
-       background-repeat: no-repeat;
-       height : 5em;
-       margin-bottom:-.2em;
+       /* background-image: url('images/pencil_top_ds.png'); */
+/*     background-position: 99% 99%;*/
+       background-repeat: repeatx;
+       background-image: url('images/atutor_head.jpg');
+       height:4em;
+       margin-bottom:-2em;
+       padding-bottom: 2em;
 }
 
 #header a{
@@ -1039,11 +1047,15 @@ div.tabs a:hover, div.tabs a.active {
 .contentbox{
        border-radius:.5em;
        -moz-border-radius: 0em 0em .5em .5em;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 
 .headingbox{
        border-radius:.5em;
        -moz-border-radius: .5em .5em 0em 0em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
 }
 .headingbox a{
        color: #A50707;
@@ -1056,10 +1068,25 @@ h4.box {
        border-radius: .5em .5em 0em 0em;
        -moz-border-radius: .5em .5em 0em 0em;
        padding:.2em;
-       border:1px solid #ccc;
-       -moz-box-shadow:.2em .2em .2em #999999;
-    box-shadow: .2em .2em .2em #999999;
-
+       border-top:1px solid #F2F7F7;
+       border-left:1px solid #F2F7F7;
+       border-right:1px solid #F2F7F7;
+               border-bottom:1px solid #F2F7F7;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
+}
+h2.box {
+       font-size:0.85em;
+       padding: 2px;
+       border-radius: .5em .5em 0em 0em;
+       -moz-border-radius: .5em .5em 0em 0em;
+       padding:.2em;
+       border-top:1px solid #F2F7F7;
+       border-left:1px solid #F2F7F7;
+       border-right:1px solid #F2F7F7;
+               border-bottom:1px solid #F2F7F7;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 
 div.box {
@@ -1070,12 +1097,11 @@ div.box {
        font-weight: normal;
        border-radius:.0em .0em .5em .5em;
        -moz-border-radius: .0em .0em .5em .5em;
-       padding:.2em;
-       border-left:1px solid #ccc;
+/*     border-left:1px solid #ccc;
        border-right:1px solid #ccc;
-       border-bottom:1px solid #ccc;
-       -moz-box-shadow:.2em .2em .2em #999999;
-        box-shadow: .2em .2em  .2em #999999;
+       border-bottom:1px solid #ccc;*/
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+        box-shadow: .1em .1em  .1em #999999;*/
 }
 
 h5.box { 
@@ -1108,7 +1134,7 @@ div.box a:hover {
 
 div.box .content {
        padding: 1em;
-       font-size:  1em;
+/*     font-size:  1em;*/
 }
 
 div.box a.close {
@@ -1128,6 +1154,7 @@ div.box h4 {
 
 div.box .even {
        background-color: #F7F3ED;
+
 }
 
 div.box .odd {
@@ -1182,7 +1209,7 @@ img.headicon      {
        text-align: right;
        border:1px solid white;
 }
-div.course div.shortcuts , a {
+div.course div.shortcuts, a {
        text-align: right;
        text-decoration:none;
        clear: left;
@@ -1192,6 +1219,14 @@ div.course div.shortcuts , a {
 div#alternatives_shortcuts {
        float: right;
        margin: -2em 5pt;
+       border-radius: .5em .5em .5em .5em;;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
+        border:1px solid #F2F7F7;
+        padding-top: .2em;
+        padding-left: .2em;
+        padding-right: .2em;
 }
 
 fieldset#shortcuts {
@@ -1211,13 +1246,15 @@ fieldset {
        padding:.2em
 }
 div#shortcuts{
-       border-left:thin solid #cccccc;
-       border-right:thin solid #cccccc;
-       border-bottom:thin solid #cccccc;
-       border-radius: 0em 0em .5em .5em;;
+       border-left:thin solid #F2F7F7;
+       border-right:thin solid #F2F7F7;
+       border-bottom:thin solid #F2F7F7;
+       border-radius: 0em 0em .5em .5em;
        -moz-border-radius: 0em 0em .5em .5em;
        float:right;
-       width:12em;
+               margin-top:-.2em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
        margin-right:2em;
        padding:.1em;
 }
@@ -1227,33 +1264,41 @@ div#shortcuts{
        padding:.2em
 }
 #shortcuts ul {
-       position: relative;
-       margin-top: 0pt;
-       margin-bottom: 0pt;
-       margin-left: 0pt;
+float:right;
+       margin-bottom: 0em;
+       margin-left: 0em;
        list-style-type:  none;
-       padding-left: 0pt
+       padding-left: 0em
 }
 #shortcuts li{
        display: inline;
 }
+#shortcuts li a{
+       height:1.3em;
+}
+
 a#guide {
-       background-image: url('images/help.png'); background-repeat: no-repeat; background-position: 2px 2px;
+       background-image: url('images/help.png'); 
+       background-repeat: no-repeat; 
+       background-position: 2px 2px;
        padding: 3px 10px 5px 30px;
        text-decoration:none;
        font-size:0.85em;
        float:right;
-
 }
 div#guide_box{
        border-left:thin solid #cccccc;
        border-right:thin solid #cccccc;
        border-bottom:thin solid #cccccc;
-       border-radius: 0em 0em .5em .5em;;
+       border-radius: 0em 0em .5em .5em;
        -moz-border-radius: 0em 0em .5em .5em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
        float:right;
+       margin-top:-.2em;
        margin-right:2em;
        padding-left:.1em;
+       width:auto;
 }
 
 div#content-text {
@@ -1272,11 +1317,33 @@ div#content-test {
        width: 80%;
 }
 div#content-test ol{   
-       margin-right: 5pt;;     
+       margin-right: 5pt;
 }
 
 div#content-test ol ul li{
-       list-style: none;
+       list-style-type: none;
+       padding: 0px 2px 0px 15px;
+       margin-bottom: 1px; 
+       line-height: 200%; 
+       background-color: #fdfdfd; 
+       border-bottom: 1px solid #efefef; 
+       border: 1px solid #eeeeff;
+}
+div#content-test li{
+       list-style-type: none;
+}
+div#content-forum {    
+       float: left;
+       margin-top: 2em;
+       padding-right: 5pt;
+       width: 80%;
+}
+div#content-forum ol{  
+       margin-right: 5pt;      
+}
+
+div#content-forum ol ul li{
+       list-style-type: none;
        padding: 0px 2px 0px 15px;
        margin-bottom: 1px; 
        line-height: 200%; 
@@ -1284,6 +1351,9 @@ div#content-test ol ul li{
        border-bottom: 1px solid #efefef; 
        border: 1px solid #eeeeff;
 }
+div#content-forum li{
+       list-style-type: none;
+}
 
 div#content-info {
        margin: 5pt;
@@ -1301,8 +1371,8 @@ div#container {
        border:1px solid #cccccc;
        border-radius: .5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.2em .2em .2em #999999;
-        box-shadow: .2em .2em  .2em #999999;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
        padding:.2em
 }
 
@@ -1374,9 +1444,11 @@ ul#home-links li a img {
 .img-size-tree {
        vertical-align: middle;
        margin-top: 0px;
-        padding:0;
-       height:1.45em;
-       width:1.5em;
+       margin-left:-.5em;
+       margin-bottom:-.2em;
+    padding:0;
+       height:1.3em;
+       width:1.4em;
 }
 /* profile page */
 
@@ -1410,29 +1482,30 @@ div.social-left{
        float:left;
 }
 div.social-wrapper{
-       border-radius:.5em;
-       -moz-border-radius: .5em .5em 0em 0em;
+       padding:5em;
+       border-radius:.5em .5em .5em .5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+        box-shadow: .1em .1em .2em #999999;*/
 }
-
-
 /* floating layout */
 #contentwrapper{
        float: left;
        width: 100%;
+overflow:hidden;
+
 }
 #contentcolumn {
-       margin-left: 0.5em;
-       padding-right: 5px;
-}
-#contentcolumn_shiftright {
-       margin-left: 19em;
+       padding-right: 1em;
+       padding-left: 1em;
+       overflow:inherit;
 }
 
 #leftcolumn{
        float: left;
-       width: 17em;
-       margin-left: 5px;
-       margin-top:-10px;
+       width:21em;
+       overflow: hidden;
+       margin: -10px 5px 0;
 }
 
 #footer{
@@ -1443,18 +1516,18 @@ div.social-wrapper{
 }
 
 /** forum stuff **/
-#forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
-#forum-thread li.even { background-color: #F7F3ED; border-top: none; }
-#forum-thread li.odd { background-color: #fff; }
+.forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
+.forum-thread li.even { background-color: #F7F3ED; border-top: none;  margin-top:.5em;}
+.forum-thread li.odd { background-color: #fff; margin-top:1em;}
 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }        
 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
-div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
-div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
+div.forum-post-content h3 { font-weight: 500; margin-top:-.5em; clear:right;}
+div.forum-post-ctrl { float: right; padding: 2px; margin-top:-.2em;margin-right:.2em;color: #a1a1a1; border:1px solid #cccccc;-moz-border-radius:.3em;border-radius:.3em;font-size:small;}
 div.forum-post-ctrl a { text-decoration: none; }
 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
-div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
+div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED;font-size:small;}
 div.forum-post-content div.body p { margin-bottom:1em; }
 div.forum-paginator{border:1px #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
@@ -1467,38 +1540,43 @@ span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2e
 
 /* Top navigation tabs / list */
 div#topnavlistcontainer {
-       background-image: url('images/pencils_up_bottom.jpg');
-       background-position: 99% 0%;
-       background-repeat: no-repeat;
-       height:1.9em;
-       margin-top: .1em;
-       border-bottom:1px solid #cccccc;
+       /*background-image: url('images/pencil_bottom_ds.png'); */
+       height:1.6em;
+       margin-left:1em;
+       clear:both;
+
+
 }
 
 ul#topnavlist {
-       padding-top: 2px;
-       margin-top: 2px;
-}
+       padding: 0;
+       margin-right: auto;
+       margin-left: auto;
+       margin-bottom: -2px;
+       margin-top: -.3em;
+ }
 
 ul#topnavlist li {
-       white-space: nowrap;
+
        list-style: none;
        display: inline-block;
-       height:1.3em;
-       margin-top:.1em;
-       clear:both;
-       -moz-box-shadow:.2em .0em .4em #999999;
-       box-shadow: .2em .2em .2em #999999;
+       height:auto;
+       border-radius: .5em .5em 0em 0em;
+       -moz-border-radius: .5em .5em 0em 0em;
+/*     -moz-box-shadow:.1em .0em .1em #999999;
+       box-shadow: .1em .0em .1em #999999;*/
+       padding: 0em 0em 0em 0em;
+
 }
 
 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
-       background-color: #E6E6E6;
+       background-color:  #F2F7F7;
        color: black;
        text-decoration:none;
        border-radius: .5em .5em 0em 0em;
        -moz-border-radius: .5em .5em 0em 0em;
-       padding: .2em 2em .2em;
-       border-bottom: 1px solid #E6E6E6;
+       padding: .1em 1.8em .2em 1.8em;
+       border-bottom: 1px solid #F2F7F7;
 
 }
 
@@ -1506,7 +1584,6 @@ ul#topnavlist li a {
     /* The normal, unselected tabs. They are all links */
        color: #555;
        font-weight:bold;
-       height: 1.5em;
        border-top:1px solid #ccc;
        border-left:1px solid #ccc;
        border-right:1px solid #ccc;
@@ -1514,8 +1591,7 @@ ul#topnavlist li a {
        background-color:white;
        border-radius: .5em .5em 0em 0em;
        -moz-border-radius: .5em .5em 0em 0em;
-
-       padding: .2em 2em .2em;
+       padding: .2em 1.8em .1em 1.8em;
 
 }
 
@@ -1524,9 +1600,10 @@ ul#topnavlist li a.selected {
     /* The selected tab. There's only one of these */
        color: #555;
        font-weight: normal;
-       border-radius:.5em;
-       -moz-border-radius: .5em .5em 0em 0em;
-       padding: .2em 2em .2em
+       border-radius:.3em .3em 0em 0em;
+       -moz-border-radius: .3em .3em 0em 0em;
+       padding: 1em 1.8em 1em 1.8em;
+       margin-bottom:0em;
 }
 
 ol#tools>li:hover {
@@ -1537,18 +1614,21 @@ ol#tools>li:hover {
 /*  tool list on admin home and manage screens  */
  li.top-tool { 
        list-style: none;
-       padding: 2px 2px 2px 15px;
+       padding: 2px 2px 2px 5px;
        margin-bottom: 5px; 
+       margin-left:-1em;
+       margin-right:1em;
        line-height: 200%; 
        background-color: #fdfdfd; 
        border-bottom: 1px solid #efefef; 
-       border: 1px solid #eeeeff;}
+       border: 1px solid #eeeeff;
+}
 
 li.top-tool a {  font-weight: bold; } 
 
 li.child-tool a { 
-       font-size: x-small;
        font-weight: normal; 
+       text-decoration:underline;
 }
  
 ul.child-top-tool {
@@ -1564,7 +1644,7 @@ ul.child-top-tool:before {
 li.child-tool {
        display: inline;
        margin-right: 5px;
-       font-size: x-small;
+/*     font-size: 80%;*/
 }
 
 /* to modify  tool icons on the course home page */
@@ -1592,7 +1672,7 @@ div.browse-course {
        padding-bottom: 10px;
        background-color: #fffaf0;
        border:1px #6F7172 solid;
-       font-size:9pt;
+/*     font-size:9pt;*/
        min-height:18em;
        margin:auto;
        margin-left:1em;
@@ -1629,8 +1709,9 @@ fieldset.group_form{
        border:1px #6D7B8D solid;
        min-height: 170px;
        padding:.5em;
-}
+       background-color:#ffffff;
 
+} 
 legend.group_form{
        border:1px #6D7B8D solid;
        background-color: #EEEEEE;
@@ -1640,6 +1721,8 @@ legend.group_form{
        padding-right: 1em;
        border-radius:.2em;
        -moz-border-radius: .2em .2em .2em .2em;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
 }
 /* file storage */
 
@@ -1696,67 +1779,9 @@ div#menutoggle{
 */
 
 
-/*Added by Silvia */
-div.column_primary {
-       float: left;
-       width: 42%;
-       margin: 5px;
-       padding: 0px;
-       min-width: 170px;
-}
-
-div.column_equivalent{
-       float: left;
-       width: 52%;
-       margin-left: 15px;
-       margin-top: 5px;
-       margin-right: 5px;
-       margin-bottom: 5px;
-       min-width: 170px;
-       padding: 5px;
-       border: 1px solid #EEE;
-       background-color: #FFF;
-}
-
-div.resource_box{
-       border: 1px solid #aaa;
-       width: 95%;
-       margin: 5px;
-       padding: 5px;
-       min-width: 150px;
-       background-color: #eee;
-}
-
-h2.alternatives_to{
-       margin-top: 12px;
-       font-size: 90%;
-       color: #A50707;
-}
-
-div.alternative_box{
-       border: 1px solid #ddd;
-       margin: 5px;
-       padding: 5px;
-       min-width: 150px;
-       background-color: #fff;
-}
-
-div.alternative_box legend {
-       color: #000;
-}
-
-div.resource_box legend {
-       color: #000;
-}
-
-label.primary a{
-       color: #A50707;
-       font-weight: bolder;
-       background-color: white;
-}
 
 /* format of "table of contents" on content page */
-#toc a                 { display:block; margin:3px; }
+#toc a                 { display:block; margin:3px; float:left;}
 #toc .h2               { padding:0 0 0 10px;}
 #toc .h3               { padding:0 0 0 30px;}
 #toc .h4               { padding:0 0 0 40px; }
@@ -1771,10 +1796,9 @@ fieldset#toc {
 
 #side-menu{
         overflow:hidden; 
-        width:18em;
-        padding-right:.3em;
-        padding-bottom:.3em;
-        
+        width:20.5em;
+        padding-bottom:.3em; 
+         padding-right:.5em;
 }
 
 /* cleans up glossary question mark line spacing*/
@@ -1791,17 +1815,30 @@ sup{
        border:3px solid #111;
        background-color:#eeeeee;
        padding:5px;
+
+
 }
 #tooltip h3,#tooltip div{
        margin:0;
 }
+a.tooltip{
+       color:blue;
+/*     font-size:100%;*/
+       padding-left:.2em;
+       padding-right:.2em;
+       padding-bottom:.2em;
+       text-decoration:none;
+       border-bottom:1px dashed;
 
+}
 /* style for home page modules "detail view" */
 
 div.home_box {
-       width: 29em;
-       height: 150px;  
-       padding-top: 15px;
+       width: 25em;
+       height: 10em;   
+       margin-top: 1em;
+       padding: 3px;
+       padding-bottom: .4em;
        float: left;
 }
 
@@ -1810,14 +1847,14 @@ div.home_box {
        background: #eeeeee;
        padding:.2em;
        margin-left:.4em;
-       width:26em;
+       width:24.5em;
        height:9.8em;
-       border-radius:.5em;
        -moz-border-radius:.3em .3em .3em .3em;
-       border-radius: 3em 3em .3em .3em;
-    -moz-box-shadow:.2em .2em .2em #999999;
-    box-shadow: .2em .2em .2em #999999;
+       border-radius: .3em .3em .3em .3em;
+/*     -moz-box-shadow:.1em .1em .2em #999999;
+       box-shadow: .1em .1em .2em #999999;*/
        padding:.2em;
+
 }
 
 .inside_box{
@@ -1826,37 +1863,16 @@ div.home_box {
        padding:.3em;
        width:95%;
        margin:auto;
-       height:52%;
+       height:50%;
        margin-bottom:.2em;
-       font-size:10pt;
+       font-size:80%;
        border-radius:.5em;
        -moz-border-radius:.5em;
        padding:.2em;
 }
-.details_or{
-       width:28.8em;
-       height:9.8em;
-       margin:0;
-}
-.details_ol{
 
-       height:9.8em;
-       margin:0px;
-       width:.45em;
-       background-position: top left;
-       background-repeat:no-repeat;
-}
-.details_ir{
-       width:.5em;
-       height:100%;
-       float:right;
-}
-.details_il{
-       height:100%;
-       float:left;
-}
 .home-title{
-       font-size:10pt;
+       font-size:90%;
        font-weight:bold;
 }
 .buttonbox{
@@ -1864,16 +1880,16 @@ div.home_box {
 }
 .details_text{
        margin-left:1em;
+
 }
 .draggable_selected {
-       background-color: transparent;
+       background-color: lightgray;
        cursor: move;
 }
-       
 div#subnavlistcontainer {
-       width:95%;
+       width:90%;
        margin:auto;
-       height:auto;
+       height:1.8em;
 
 }
 div#subnavbacktopage {
@@ -1893,10 +1909,11 @@ div.toolcontainer{
 }
 
 ul#subnavlist {
-       padding-top: 5px;
+       padding-top: 4px;
        margin-top: 0px;
        font-family: Verdana,Helvetica,Arial,serif;
-       margin-bottom:0em;
+/*font-size:1.0em;*/
+
 
 }
 
@@ -1906,20 +1923,22 @@ ul#subnavlist li {
        display: inline-block;
        font-weight:700;
        text-align:center;
-       border:1px solid #cccccc;
-
+       border-top:1px solid #cccccc;
+       border-left:1px solid #cccccc;
+       border-right:1px solid #cccccc;
        border-radius: .3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
-height:1.1em;  
-       -moz-box-shadow:.1em .0em .1em #999999;
-    box-shadow: .2em .0em .2em #999999;
-       padding: .1em .5em .1em .5em ;
+       height:.8em;    
+/*     -moz-box-shadow:.1em .0em .1em #999999;
+       box-shadow: .1em .0em .1em #999999;*/
+       padding: 0em .5em .6em .5em ;
 }
 
-ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active,           ul#subnavlist li:hover{
+ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
        color: black;
        text-decoration:none;
-       background-color: #E6E6E6;
+       background-color: #F8F8F8;
+       border-bottom:thin solid #F8F8F8;
 }
 
 ul#subnavlist li a {
@@ -1938,14 +1957,15 @@ div.menuedit{
 /* NEW IN ATUTOR 2.0 */
 /* alternate colours in the My Course list */
 tr.even {
-    background-color: #F7F3ED;
+       background-color: #F7F3ED;
 }
 
 tr.odd {
-    background-color: transparent;
-}
+       background-color: transparent;
+}              
 
 /* Content editor wrapper div */
+
 .editor_wrapper{
        border:1px solid #cccccc;
        border-radius:.5em;
@@ -1954,65 +1974,69 @@ tr.odd {
 }
 /* Content editor tabs */
 .editor_buttontab {
-       color:#555;
-       font-size:10pt;
+       color:#000000;
+/*     font-size:10pt;*/
+       border:0;
        white-space: nowrap;
-       background-color: #FFFDE0;
+       background-color: #ffffff;
        margin: 0px;
-       border:0;
        font-weight:500;
        text-align:center;
        padding:0em 0em 0em;
-       border-radius:.3em;
-       -moz-border-radius: .3em .3em .3em .3em;
-
+       -moz-box-shadow:0;
+       box-shadow: 0;
 }
 .editor_tab{
+
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-bottom:0;
-       margin-bottom:.5em;
+       margin-bottom:-.5em;
        text-align: center;
        white-space: nowrap;
-       width:13%;
-       padding:0;
-       background-color: #FFFDE0;
-       border-radius:.3em;
+       background-color: #ffffff;
+       border-radius: .3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
+/*     -moz-box-shadow:.1em .0em .1em #999999;
+       box-shadow: .1em .0em .1em #999999;*/
        padding: 0em .2em 0em .2em ;
+       height:1.4em;
+}
+.editor_tab:hover, .editor_tab input[type=submit]:hover{
+       background-color:#eeeeee;
 }
+
 .editor_tab_selected{
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-bottom:0;
-       padding-left: 3px;
-       padding-right: 3px;
+       padding: 0em .2em 0em .2em ;
        background-color: #eeeeee;
-       margin: 0px;
        font-weight:bold;
        text-align:center;
-       padding:1em 1em 1em;
        white-space: nowrap;
        text-decoration:none;
-       width:15%;
-       padding:0em 0em 0em;
        border-radius:.3em;
        -moz-border-radius: .3em .3em 0em 0em;
+       height:1.4em;
+}
+.editor_tab input[type=submit]{
+       height:1.2em;
 }
-
 /* 1pxgs current box on My Start */
 .current_box{
        float:left;
        margin-left:1em;
        width:30%; 
        padding:.5em;
+       padding-left:1em;
        border: 1px solid #cccccc;
        border-radius: .5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.2em .2em .2em #999999;
-        box-shadow: .2em .2em  .2em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+        box-shadow: .1em .1em  .2em #999999;*/
 }
 
 ul.current_list{
@@ -2025,13 +2049,13 @@ ul.current_list{
 }
 
 .logoutbar{
-      background-color:#E6E6E6
+      background-color: #F2F7F7
       font-size:0.85em; 
-      padding-top: 2px; 
-      border-bottom:1px solid #cccccc; 
+      border-bottom:1px solid #F2F7F7; 
       height:2em;
       text-align:right;
       padding-right:1em;
+      clear:both;
 }
 
 .select {
@@ -2043,60 +2067,78 @@ ul.current_list{
 
 /* Preference Editor tabs */
 /* Preferences tabs */
+
 table.etabbed-table    {
-       float:left;
        padding-left:5em;
-       font-size:10pt;
-
-
+/*     font-size:10pt;*/
+}
+/* Preference Editor tabs */
+.etabbed-list-container {
+/*     font-size:10pt;*/
+       width:75%;
+       margin-left:auto;
+       margin-right:auto;
+
+}
+.etabbed-list{
+       margin-bottom:-.4em;
+       height:1.8em;
+       width:80%;
+
 }
 .prefs-tab-spacer {
        background-color: transparent;
-       width: 5px;
+       width: 1em;
 }
+
 .prefs_buttontab {
-       color:#555;
-       font-size:10pt;
-       white-space: nowrap;
-       background-color: #ffffff;
-       margin: 0px;
-       border:0;
-       font-weight:500;
-       padding:0em 0em 0em;
-       border-radius:.3em;
-       -moz-border-radius: .3em .3em .3em .3em;
 
+       background-color: #ffffff;
+       border-left:0;
+       border-right:0;
+       border-bottom:0;
+       border-top:  1px solid #ffffff;
+       
 }
 .prefs_tab{
+
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
+       border-bottom: 0;
        text-align: center;
        white-space: nowrap;
-       margin-left:2em;
        background-color: #FFFFFF;
-       border-radius:.3em;
+       border-radius: .3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
-       padding: 0em .2em 0em .2em ;
-       }
-       
-.prefs_buttontab:hover, .prefs_tab:hover {
-       background-color: #eeeeee;
+       padding: 0em .2em .2em .3em;
+       display: inline;
+       margin-left:.5em;
+               font-weight:bold;
+       text-decoration:none;
 }
+    
 .prefs_tab_selected{
+
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-bottom:0;
-       background-color: #eeeeee;
-       margin: 0px;
-       font-weight:bold;
        text-align:center;
-       padding: 0em .2em 0em .2em ;
        white-space: nowrap;
-       text-decoration:none;
-       border-radius:.3em;
+       background-color: #eeeeee;
+       border-radius:.3em .3em 0em 0em;
        -moz-border-radius: .3em .3em 0em 0em;
+       padding: .2em .2em .2em .3em;
+       display: inline;
+       margin-left:.5em;
+       font-weight:bold;
+       text-decoration:none;
+       
+}
+
+a.pref_wiz_launcher{
+       cursor:pointer;
 }
 
 .admin_container{
@@ -2122,11 +2164,11 @@ table.etabbed-table     {
 }
 
 .wizscreen .buttons {
-    padding-top: 2em;
+       padding-top: 2em;
 }
 
 .wizscreen .button {
-    margin: 0em 0.25em;
+       margin: 0em 0.25em;
 }
 
 .navlist{
@@ -2137,28 +2179,767 @@ table.etabbed-table    {
        padding:0;
        width:100%;
        height:2.5em;
+               clear:both;
+/*     font-size: 0.85em;*/
+       padding:3px;
+       float:left;
+
 }
 #course_title_container{
-       background-color:#ffffff;
        float:left;
        clear:both;
-       white-space:pre-line;
-       position:relative; 
        left:1em;
-       margin-top:.5em;
+
 }
 #my_courses_container{
          width:58%; 
-         margin:auto;
+         min-width:38em;
+         margin-left:1em;
          border:none;
          float:left;
          border-radius: .5em .5em .5em .5em;
        -moz-border-radius: .5em .5em .5em .5em;
-       -moz-box-shadow:.2em .2em .2em #999999;
-        box-shadow: .2em .2em  .2em #999999;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+        box-shadow: .1em .1em  .1em #999999;*/
 }
 .shortcut_icon{
-border:0;
+       border:0;
+       vertical-align:middle;
+       height:1.15em;
+       width:1.15em;
+}
+ul#content-tool-links {
+       list-style: none outside none;
+}
+ul#content-tool-links li{
+       display: inline;
+       float: left;
+       width: 5em;
+       padding: 0 3em 0 0;
+       text-align: center;
+       font-size: 0.7em;
+       font-weight:bold;
+       color: #1A4A72;
+       line-height:120%;
+}
+ul#content-tool-links img{
+       border: 0 none;
+       display: block;
+       padding-left: 10px;
+}
+.hidden {
+       display: none;
+}
+.clickable {
+       cursor: pointer;    
+}
+.nowrap {
+       white-space: nowrap;
+}
+.flowplayerholder{
+       clear:right;
+}
+
+
+/* Transformable repository search */
+
+.browse-result{
+       border:thin solid #cccccc;
+       padding:.5em;
+       width:95%;
+       margin-left:auto;
+       margin-right:auto;
+       border-radius: .3em .3em .3em .3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
+}
+
+.tr_results_tools{
+       float:right;
+       padding-left:.2em;
+       padding-right:.2em;
+       padding-top:.2em;
+       border:thin solid #cccccc;
+       border-radius: .3em .3em .3em .3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+/*     -moz-box-shadow:.1em .1em .1em #999999;
+       box-shadow: .1em .1em .1em #999999;*/
+}
+
+div.pageinator_box{
+       width:95%;
+       margin-left:auto;
+       margin-right:auto;
+       margin-bottom: -.5em;
+       border-top:thin solid #cccccc;
+       border-left:thin solid #cccccc;
+       border-right:thin solid #cccccc;
+       border-radius: .3em .3em 0em 0em;
+       -moz-border-radius: .3em .3em 0em 0em;
+}
+
+#previewText{
+       font-family: monospace;
+       border: 2px solid rgb(0, 0, 0);
+       padding:1em;
+       color: rgb(255, 255, 255);
+       background-color: rgb(0, 0, 0);
+}
+#previewArea{
+       padding: 0em;
+       border-bottom-width: 0px;
+       margin-left: auto;
+       margin-right: auto;
+       font-weight: normal;
+       float:left;
+       clear:right;
+       line-height:1.5;
+
+}
+#display-settings-preview{
+       width:60%;
+       float:left;
+}
+#feedback{
+       width: 90%;
+}
+#defaultfontsize-wrapper{
+       width:25%;
+       float:left;
+}
+
+/* ATutor Social Styles */
+
+div .profile_container {
+       background-color:#eee; 
+       border: 1px solid #8e8e8e; 
+       width:80%; 
+       padding:0.5em; 
+       margin-bottom: 0.5em;
+}
+
+div .profile_container .top_right {
+       float: right;
+}
+
+dl.public-profile dd{
+       margin-left:0px;
+}
+dl.public-profile dt {
+       float: left;
+       font-weight: bold;
+       min-width:12em;
+}
+
+/* Search form */
+div .search_form {
+       margin-bottom: 1em;
+}
+
+div .search_form .row{
+/*     background-color: #DEDEC0;*/
+               background-color: #ffffff;
+       padding: 8px;
+}
+div .button {
+       background-color: #eee;
+       border: 1px solid #aaa;
+}
+div .button:hover{
+       background-color: #cccccc;
+       color: #ffffff;
+}
+
+/* Side menu */
+
+
+ul.social_side_menu {
+       padding-left: 2em;
+}
+ul.social_side_menu li {
+       padding-bottom: 0.2em;
+       list-style: circle;
+}
+
+div .divider {
+       border-bottom:1px solid #C1C157; 
+       padding-bottom:0.5em; 
+       margin-bottom:0.5em;
+}
+
+.activity{
+       line-height:18pt;
+       font-size:.8em;
+}
+
+div.headingbox, h3.headingbox, a.headingbox{
+       border:1px #cccccc solid;
+       padding:.2em;
+       background-color: #eeeeee;
+       text-decoration:none;
+       line-height:1em;
+       font-size:.7em;
+}
+
+div.contentbox, input-form{
+       margin-left:.2em;
+       margin-right:.2em;
+       border-left:1px #cccccc solid;
+       border-right:1px #dddddd solid;
+       border-bottom:1px #cccccc solid;
+       padding:.5em;
+       background-color: #ffffff;
+        overflow:hidden;
+}
+
+div.suggestions{
+       border:1px solid #a50707;
+       margin-left:10px; 
+       width:50%;
+}
+li.inlinelist{
+       display: inline; 
+       padding-right: 1em;
+}
+ul.social_inline_menu{
+       background-color: #eeeeee;
+       border:thin #cccccc solid;
+       padding:.5em;
+       width:90%;
+       margin:auto;
+}
+div.social-wrapper{
+       border:thin solid #cccccc; 
+       width:95%;
+       padding:.5em;
+       margin:auto;
+}
+
+.network-activity{
+    float:left;
+    width:55%;
+}
+.my-contacts{
+    float:right;
+    width:38%;
+    min-width:38%;
+}
+.my-network-groups{
+    float:right;
+    clear:right;
+    width:38%;
+    max-width:38%;
+}
+.people-you-may-know{
+    padding-top:1em;
+    float:right;
+    clear:right;
+    width:38%;
+    min-width:38%;
+ }
+.contentbox-a{
+    width: 100%;
+}
+.contentbox-b{
+    padding-bottom:0.2em;
+}
+.logo{
+float:left;
+clear:right;
+margin-left:2em;
+}
+.content-settings{
+       width: 30%;
+       float: left;
+}
+.current-content{
+       color:red;
+}
+.del-content-icon{
+       border:0;
+height:.9em;
+width:.9em;
+/*font-size:100%;*/
+}
+div.bypass{
+height:1px;
+}
+/* relative image size styles */
+
+input.img1616{
+cursor:pointer;
+}
+
+input.img1616, img.img1616{
+height:1.6em;
+width:1.6em;
+}
+
+img.img1111{
+height:.8em;
+width:.8em;
+}
+img.img2424{
+
+
+}
+input[type=image].fl-force-right{
+height:.9em;
+width:.9em;
+font-size:100%;
+}
+
+.fl-force-right{
+float:right;   
+       
+}
+img.fl-col{
+height:3.5em;
+width:3.5em;
+/*font-size:100%;*/
+}
+
+
+/*  Photo Album Styles 
+ * 
+ * 
+ * 
+ * 
+ */
+div.topbar{
+       float:left;
+       width: 95%;
+}
+div.paginator{
+       float: right;
+       margin: 0px;
+}
+.paginator ul li{
+       list-style: none;
+}
+.paginator li{
+       padding-right: 0.5em;
+       float: left;
+}
+
+div.summary{
+       float: left;
+       margin-top: 0.5em;
+       width:70%;
+}
+
+div.album_panel{
+       float: left;
+       background: #F7F7F7;
+       border: 1px solid #D2D2D2;      
+       width: 96%;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*     -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+       padding:.3em;
+}
+div.album_panel div.photo_wrapper {
+       /* This class is to fix the problem where the images shift
+        * to the right when there is a border upon selection 
+        */
+       height: 150px;
+       float: left;
+}
+div.album_panel .photo_frame{
+       float: left;
+       margin: 0.2em;
+       min-height: 140px;
+       min-width: 140px;
+       text-align: center;
+}
+div.album_panel .photo_frame a:focus, div.album_panel .photo_frame a:hover{
+       cursor: pointer;
+       float:left;
+       min-width: 140px;
+       min-height: 140px;
+       background: #FCE6C9;
+}
+div.album_panel .photo_frame img{
+       background: #FFFFFF;
+       border: 1px solid #D2D2D2;
+       padding: 0.2em;
+}
+div.album_panel .album_description{
+       margin: 0.5em;
+       width: 95%;
+       float: left;
+}
+
+div.search_bar {
+       /* background-image: url('images/search_bg.png');
+       background-repeat: no-repeat; */
+       background-color:#ffffff;
+       border:thin solid #cccccc;
+       margin-left: 0.5em;
+       margin-top: 0.5em;
+       height: 27px;
+       width: 180px;
+       float: left;
+       border-radius:.5em;
+       -moz-border-radius:.8em .8em .8em .8em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+}
+div.search_bar .s{
+       float: left;
+       border: 0px;
+       margin-top: 0.3em;
+       margin-left: 0.5em;
+       width: 148px;
+}
+div.search_bar .s_img{
+       float: right;
+       border: 0px;
+       margin-top: 0.375em;    
+       margin-top: -1.4em\9; /* the \9 to accomodate IE 7&8 */
+       margin-right: 0.4em;
+}
+
+div.album {
+       background: #FFFFFF;
+       padding:1em;
+       border: 1px solid #D2D2D2;      
+       width: 95%;
+       margin: 0.5em;
+       float: left;
+       border-radius:.5em .5em .5em .5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+}
+div.album .image{
+       float: left;
+       margin: 0.5em;
+       min-width: 140px;
+}
+div.album img{
+       border-width: 0px;
+}
+div.album .image img.no-image {
+       float: left;
+       width: 130px;
+       height: 97px;
+       background-color: #EFEFEF;
+}
+div.album .info{
+       float: left;
+       width: 70%;
+}
+div.album .info span{
+       float: left;
+       color: #666666;
+}
+div.album .info p{
+       font-size: 0.85em;
+       margin: 0;
+}
+div.album .search_photo_frame{
+       float: left;
+       margin: 0.2em;
+       min-height: 160px;
+       max-height: 160px;
+       max-width: 140px;
+       text-align: center;
+       border: 1px solid #d3d3d3;
+       overflow: hidden;
+}
+div.album .search_slider{
+       float: left;
+       overflow: hidden;
+       position: relative;     /* ie7 */
+}
+div.album .search_slider_left{
+       float: left;
+       width: 10%;
+}
+div.album .search_slider_right{
+       float: right;
+       text-align: right;
+       width: 10%;
+}
+div.album .search_slider ul {
+       list-style-type: none;
+       margin: 0;
+       padding: 0;
+       width: 99999px;
+       position: relative;
+}
+div.album .search_slider ul li{
+       float: left;
+}
+div.album .search_slider_a{
+       width: 80%;
+}
+div.album .search_slider_p{
+       width: 730px;   /* 146 per frame, 5 frame per row */
+}
+div.album .search_slider_p ul li{
+/*     height: 576px;  /* 144 per frame, 4 row */
+       width: 730px;   /* 146 per frame, 5 frame per row */
+}
+div.album .search_paginator {
+       width: 100%;
+}
+
+div.add_photo{
+       float: left;
+       background: #F7F7F7;
+       border: 1px solid #D2D2D2;      
+       width: 96%;
+       border-radius:.5em;
+       -moz-border-radius: .3em .3em .3em .3em;
+       margin-bottom:.2em;
+}
+div.add_photo ul{
+       margin: 0px;
+       padding: 0px;
+}
+div.add_photo .toggle_uploader{
+       width: 95%;
+       margin: 0.5em;
+}
+div.add_photo div#ajax_uploader{
+       display: none;
+       margin-top: 0.5em;
+}
+div.add_photo .files .tn {
+       max-height: 30px;
+}
+div.add_photo img{
+       border: 0;
+}
+div.add_photo ul li{
+       float: left;
+       padding: 0.2em;
+       list-style: none;
+       width: 100%;
+       height: 100%;
+       border-bottom: 1px solid #ddd;
+/*     display: inline; */
+}
+div.add_photo p.memory_usage {
+       float: right;
+       font-size: 0.9em;
+       color: #5B5B5B;
+}
+
+div.add_profile_photo{
+       float: left;
+       background: #F7F7F7;
+       border: 1px solid #D2D2D2;      
+       width: 96%;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+       margin-bottom:.2em;
+
+}
+div.add_profile_photo .profile_photo{    
+       float: left;    
+       padding: 0.5em;
+
+}
+div.add_profile_photo .uploader{    
+       float: left;    
+       width: 50%;
+       padding: 0.5em;
+       border-bottom: 1px solid #ddd;
+}      
+
+div.photo_panel{
+       background: #F7F7F7;
+       float: left;
+       border: 1px solid #D2D2D2;
+       text-align: center;
+       width: 95%;
+       padding: 0.5em;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+}
+div.photo_panel img{
+       background: #FFFFFF;
+       border: 1px solid #D2D2D2;
+       padding: 0.2em;
+}
+div.photo_panel div.ordering{
+       float:left;
+}
+div.photo_panel div.paginator{
+       float:right;
+}
+div.photo_panel .flc-inlineEditable{
+       width: 604px;
+       margin: 0 auto;
+       padding-top: 0.5em;
+       padding-bottom: 0.5em;
+}
+div.comment_panel{
+       background: #FFFFFF;
+       float: left;
+       border: 1px solid #D2D2D2;
+       width: 95%;
+       padding:.5em;
+       border-radius: .3em .3em .3em .3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+/*             -moz-box-shadow:.2em .2em .1em #999999;
+    box-shadow: .2em .2em .1em #999999;*/
+       margin-top:.2em;
+}
+div.comment_panel .comment_feeds{
+       float: left;
+       width: 50%;
+}
+div.comment_panel .photo_actions{
+       margin: 0.5em;
+       max-width: 49%;
+       background: #F7F7F7;
+       float:right;
+       padding:1em;
+       border:thin solid #cccccc;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+.row textarea#comment_template, textarea#comment_template active{
+       background-color:#eeeeee;
+       border:thin solid #eeeeee;
+       border:thin solid #cccccc;
+       padding:.2em;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+.row textarea#comment{
+       background-color:#ffffff;
+       border:thin solid #eeeeee;
+       border:thin solid #cccccc;
+       padding:.2em;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+div.comment_panel textarea{
+       width:100%;
+}
+
+div.comment_box{
+       float:left;
+       width:100%;
+       margin: 0.5em;
+       padding-top: 0.5em;
+       padding-bottom: 0.5em;
+       background: #F7F7F7;
+}
+div.comment_box .comment_actions{
+       float: left;
+       margin-top: 1em;
+       font-size: 0.8em; 
+       color: #666666;
+}
+
+div.edit_photo_frame{
+       width: 95%;     
+       float: left;
+       padding: 0.2em;
+       background: #F7F7F7;
+       border:thin solid #cccccc;
+       border-radius:.5em;
+       -moz-border-radius: .5em .5em .5em .5em;
+}
+div.edit_photo_box{    
+       float: left;
+       border: 1px solid #D2D2D2;
+       background: white;
+       margin: 0.2em;
+       margin-bottom: 0.8em;
+       padding: 0.8em;
+       width: 94%;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+div.edit_photo_box .info{
+       float: left;
+       width: 60%;
+}
+
+.info textarea{
+       background-color: #eeeeee;
+       border:thin solid #cccccc;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+       margin-top:.2em;
+}
+div.edit_photo_box .info textarea.alt_text{
+       height: 2.5em;
+}
+div.edit_photo_box .info textarea{
+       width: 100%;
+}
+div.edit_photo_box .action{
+       float: right;
+       background: #F7F7F7;
+       min-width: 140px;
+       padding:.2em;
+       border:thin solid #cccccc;
+       border-radius:.3em;
+       -moz-border-radius: .3em .3em .3em .3em;
+}
+
+
+/* FLUID Image Reorderer */
+.fl-imageReorderer-item {
+}
+.fl-reorderer-movable-hover a{
+       cursor: pointer;
+       background-color: #ECEECC;
+}
+.fl-reorderer-movable-dragging a{
+       background-color: #ECEECC;
+}
+.fl-reorderer-dropMarker {
+       border: 2px solid red;
+       min-height: 100px;
+       float: left;
+}
+.fl-reorderer-avatar {
+       opacity: 0.6;
+       filter:alpha(opacity=60);
+}
+
+
+/* FLUID Simple Inline Editor */
+.fl-inlineEdit-invitation {
+   background-color: #FFECB3 !important;
+   border: 1px solid #CCC !important;
+}
+.fl-inlineEdit-focus {
+    border: 2px solid #777777;
+}
+
+
+.pa_tool_link{
+
+text-decoration:none;
+}
+
+.pa_tool_image{
 vertical-align:middle;
+margin-right:.5em;
+}
+/*social networking box on admin page */
+#social_networking{
+padding: 1em;
+margin: 0;
+}
 
-}
\ No newline at end of file
+/* End Photo Album Styles
+ * 
+ * 
+ * 
+ * 
+ */